JavaScript JavaScript and the DOM Traversing the DOM Parent Traversal

How to remove the removeMe

I am bit confused, I have the following lines, and i did

parent.removeChild('removeMe')

But it is not working, i am confused why it is not working.

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

Angyal István
Angyal István
7,340 Points

You did it almost right, You just need to delete the ' - sign from the bracklets, cause You call the const name, so it will be looks like this:

parent.removeChild(removeMe);

Have a nice day!