JavaScript JavaScript and the DOM Traversing the DOM Parent Traversal

Khaleel Jones
Khaleel Jones
13,783 Points

Remove the removeMe element from the parent element.

I am very confused here. It's asking me to remove the "removeMe" element from the parent element and it's not working. This is very frustrating. Can someone help me out with this problem? Please be specific.

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

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

2 Answers

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

This worked for me. Thanks.

Ashley Neumann
Ashley Neumann
3,713 Points

I tried " ul.removeChild(removeMe); Can someone tell me why that wouldn't work?