JavaScript JavaScript and the DOM Traversing the DOM Parent Traversal

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>

6 Answers

parent.removeChild(removeMe);

got it,,thank you :)

Filip lsze
Filip lsze
8,017 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
10,100 Points

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

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

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

Paulette Fenderson
Paulette Fenderson
3,054 Points

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