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

Posted by abdo wsdsla
abdo wsdsla
Courses Plus Student 306 Points

Remove the removeMe element from the parent element.

Remove the removeMe element from the parent element. ???

app.js 
const removeMe = document.querySelector('.remove_me');
let parent = .parentNode;
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>

7 Answers

Sydney Hill
Sydney Hill
4,115 Points
Sydney Hill
Sydney Hill
4,115 Points

parent.removeChild(removeMe);

abdo wsdsla
abdo wsdsla
Courses Plus Student 306 Points

got it,,thank you :)

f lsze
f lsze
8,021 Points
f lsze
f lsze
8,021 Points

Hi, In order to select the parent, you need to call .parentNode on the removeMe element. Like so:

let parent = removeMe.parentNode;

Once that is selected you will be able to proceed to the next step of removing the removeMe element. See Sydney Hill's answer if you also need help with that.

Robert Dischinger
Robert Dischinger
17,702 Points
Robert Dischinger
Robert Dischinger
17,702 Points

const removeMe = document.querySelector('.remove_me'); let parent = removeMe.parentElement; parent.removeChild(removeMe);

Artur Pogosyan
Artur Pogosyan
11,110 Points
Artur Pogosyan
Artur Pogosyan
11,110 Points

const removeMe = document.querySelector('.remove_me'); let parent = removeMe.parentNode;

Paulette Fenderson
Paulette Fenderson
3,055 Points
Paulette Fenderson
Paulette Fenderson
3,055 Points

var removeMe = document.querySelector('.remove_me'); var parent = removeMe.parentNode; parent.removeChild(removeMe);

Sydney Hill
Sydney Hill
4,115 Points
Sydney Hill
Sydney Hill
4,115 Points

Yes Filip Olszewski is correct on the first step! :)

Raul Gonzalez
Raul Gonzalez
2,929 Points
Raul Gonzalez
Raul Gonzalez
2,929 Points

var removeMe = document.querySelector('.remove_me'); var parent = removeMe.parentNode; parent.removeChild(removeMe);

Vahe Gharagiozyan
Vahe Gharagiozyan
10,088 Points

This works, thank you Raul