Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Traversing the DOM Parent Traversal

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
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

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: