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 Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

How to select list with querySelector

am not getting querySelector yet wat is wrong with this code second line

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.querySelector("li.first ");

5 Answers

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. I hope this help.

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

Thanks for being resourceful to me in community. I really I appreciate it.

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

Your welcome! But I'm too just a student :)

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

You can also learn from fellow students . That's great way to learn

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

This is a good way to practicing and I repeat which I learned long ago.

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points
Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

It worked for me in CSS and HTML. It works wonderful . I try JavaScript too

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

Good luck! Ask us if you do not know something.

Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points
Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

Ok thanks

Kayvon Wallace
Kayvon Wallace
15,686 Points
Kayvon Wallace
Kayvon Wallace
15,686 Points

css selector is wrong too. this could work also, but querySelector doesn't know what type of info you're passing in, and what you're telling it to look for is a class, not id. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors here a doc for reference.