JavaScript JavaScript and the DOM Traversing the DOM Parent Traversal

sarah shelden
sarah shelden
7,967 Points

Unsure why this isn't working?

It keeps saying task 1 is no longer working when I try to submit.

app.js
const removeMe = document.querySelector(removeMe);
let parent = removeMe.parentNode;
parent.removeChild(removeMe);
index.html
<!DOCTYPE html>
<html>
    <head>
        <title>Parent Traversal</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <ul>
            <li>Hello</li>
            <li>Hi</li>
            <li class="remove_me">Good bye!</li>
            <li>Howdy</li>
        </ul>
        <script src="app.js"></script>
    </body>
</html>

1 Answer

Jennifer Nordell
STAFF
Jennifer Nordell
Treehouse Staff

Hi there! For some reason, you've changed the original code on line #1.

The original code was:

const removeMe = document.querySelector('.remove_me');

This selects the first element on that page with the class "remove_me". You've replaced the '.remove_me with the name of the variable you're trying to assign it to. This will result in nothing being selected because the query on the document fails to return a result.

Reverting the first line to its original state fixes the problem and your code passes both steps.

Hope this helps! :sparkles: