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

Ali Sh
Ali Sh
2,026 Points
Posted by Ali Sh
Ali Sh
2,026 Points

How can i do this?

Remove the list item element stored in firstListItem from the DOM.

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>
app.js 
let myList = document.querySelector('ul');
let firstListItem = document.removeChild('ul')[0];

1 Answer

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

In the second step don't use querySelector. The quiz is asking for you how select first item in unordered list and store it. The first element has its own id. So you use document.getElementById

Ali Sh
Ali Sh
2,026 Points
Ali Sh
Ali Sh
2,026 Points

The quiz is asking to remove the first item in the firstListItem

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

If you know better, I can't help. Sorry

Ali Sh
Ali Sh
2,026 Points
Ali Sh
Ali Sh
2,026 Points

You said "The quiz is asking for you how select first item in unordered list and store it." and i was asking about the third step but thank anyway.

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

I didn't know how you was asking the third step when your second step is wrong.I wanted to help in your second step.

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

myList.removeChild(firstListItem); This is the third step solution.

Ali Sh
Ali Sh
2,026 Points
Ali Sh
Ali Sh
2,026 Points

Thank you so much for the help. I did use the getElementById method in the second step, the code you see up in the discussion is me trying to solve step three :).

Adam Beer
Adam Beer
11,314 Points
Adam Beer
Adam Beer
11,314 Points

Did you manage to solve it?

Ali Sh
Ali Sh
2,026 Points
Ali Sh
Ali Sh
2,026 Points

Thanks to your instructions i did solve it :)