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) Making Changes to the DOM Removing an Element from the DOM

Posted by Eniola Tijani
Eniola Tijani
3,440 Points

remove node

can't seem to figure the appending and removing node aspect out. anyone with linkes to resources i could check out? and can anyone help me with this?1

app.js 
var myList = document.querySelector('ul');
var firstListItem = document.getElementById('first');
myList.removeChild('firstListItem');
index.html 
<!DOCTYPE html>
<html>
    <head>
        <title>DOM Manipulation</title>
    </head>
    <link rel="stylesheet" href="style.css" />
    <body>
        <ul>
            <li id="first">First Item</li>
            <li id="second">Second Item</li>
            <li id="third">Third Item</li>
        </ul>
        <script src="app.js"></script>
    </body>
</html>

2 Answers

Piotr Manczak
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Piotr Manczak
Front End Web Development Techdegree Graduate 28,940 Points
Piotr Manczak
.a{fill-rule:evenodd;}techdegree seal-36
Piotr Manczak
Front End Web Development Techdegree Graduate 28,940 Points

This should work:

var myList = document.querySelector('ul');

var firstListItem = document.getElementById('first');

myList.removeChild(firstListItem);

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,252 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,252 Points

The problem is you're trying to pass in the reference to firstListItem as a string.

It's okay for the first 2 lines because they are references to HTML classes and ID's. In order to pass in variables to methods simply pass in the name of the variable.

myList.removeChild(firstListItem);
Eniola Tijani
Eniola Tijani
3,440 Points

Thanks A lot Jonathan!!