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 trialOlive Bamurange
5,174 PointsLet's remove a list item from the unordered list. First, select the <ul> element and store it in the variable myList.
Hi folks, I am getting confused of where and when to Use document.getElementsByTagName and document.querySelector. I knew each one what it does but specifically on this question, I don't understand why on google other people use document.querySelector
let myList = document.getElement('ul');
let firstListItem = document.querySelector('li:firstItem);
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>
4 Answers
KRIS NIKOLAISEN
54,971 PointsFor task 1:
If you use document.getElementsByTagName
the feedback received is: You've stored a collection in 'myList'. Make sure that you select a single element. You can do this by including an index:
let myList = document.getElementsByTagName('ul')[0];
On the other hand document.querySelector will select the first element that matches so no index is needed.
let myList = document.querySelector('ul');
For task 2:
You are to select the <li> with the ID first and store it in the variable firstListItem. Since you are provided with an id the easiest means is to use document.getElementById
For task 3
The code you have is correct
Olive Bamurange
5,174 PointsHere it is how i think it should be answered. but it shows error. please help me and I will appreciate!
Olive Bamurange
5,174 PointsThank you@KRIS NICOLAISEN ! appreciated
Raphel Banda
6,864 Pointsvar myList =document.getElementsByTagName('ul')[0]