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 Interactive Web Pages with JavaScript Traversing and Manipulating the DOM with JavaScript Perform: Traversing Elements with children

Kevin Faust
Kevin Faust
15,353 Points
Posted by Kevin Faust
Kevin Faust
15,353 Points

queryselector()

i dont understand what it does. mdn has no examples and the explanation dont make sense

1 Answer

Ebenezer Odoi
Ebenezer Odoi
8,140 Points
Ebenezer Odoi
Ebenezer Odoi
8,140 Points

Its used to select the first descendant instance on the element the method is passed on. Example... [i] to find the first "p" element in a document will be: document.querySelector("p"); [ii] to find the first element with the class name of funItem will be: var myFun = document.querySelector(".funItem"); [iii] to find the first "li" element with class name myTreeHouse will be: var document.querySelector("li.myTreeHouse"); Kindly note that querySelector will throw a SYNTAX_ERR exception if the specified result is invalid (so wrap this method around an if statement or something to check familiar conditions)......Thanks!