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 trialEniola Tijani
3,440 Pointsremove 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
var myList = document.querySelector('ul');
var firstListItem = document.getElementById('first');
myList.removeChild('firstListItem');
<!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
Front End Web Development Techdegree Graduate 29,363 PointsThis should work:
var myList = document.querySelector('ul');
var firstListItem = document.getElementById('first');
myList.removeChild(firstListItem);
Jonathan Grieve
Treehouse Moderator 91,253 PointsThe 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
3,440 PointsThanks A lot Jonathan!!