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) Getting a Handle on the DOM DOM Selection - More Review

Hassan Noueilaty
Hassan Noueilaty
3,713 Points
Posted by Hassan Noueilaty
Hassan Noueilaty
3,713 Points

Using querySelectorAll to obtain a reference to all elements within a class.

Hello!

I'm having some trouble with this quiz question:

How would you use querySelectorAll to obtain a reference to all elements in a document with the class student-info and assign it to the constant studentInfo?

Here's my best attempt:

const studentInfo = document.querySelectorAll('[class=student-info]');

Thanks!

1 Answer

Chris Davis
Chris Davis
16,280 Points
Chris Davis
Chris Davis
16,280 Points

You are pretty close. All you have to pass to querySelectorAll would be the class name. In your case '.student-info'

I believe it would look something like this...

const studentInfo = document.querySelectorAll(".student-info");

Hope that helps :thumbsup:

This method of selecting elements in javascript is very similar to using a jQuery selector method

var studentInfo = $(".student-info");