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

Olive Bamurange
Olive Bamurange
5,174 Points
Posted by Olive Bamurange
Olive Bamurange
5,174 Points

Let'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

app.js 
let myList = document.getElement('ul');
let firstListItem = document.querySelector('li:firstItem);
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>

4 Answers

KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points
KRIS NIKOLAISEN
KRIS NIKOLAISEN
54,971 Points

For 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
Olive Bamurange
5,174 Points
Olive Bamurange
Olive Bamurange
5,174 Points

Here it is how i think it should be answered. but it shows error. please help me and I will appreciate!

Olive Bamurange
Olive Bamurange
5,174 Points
Olive Bamurange
Olive Bamurange
5,174 Points

Thank you@KRIS NICOLAISEN ! appreciated

Raphel Banda
Raphel Banda
6,864 Points
Raphel Banda
Raphel Banda
6,864 Points

var myList =document.getElementsByTagName('ul')[0]