What is the querySelector Method in JavaScript? | Document.querySelector() Explained

In JavaScript, the 'querySelectorAll' method allows you to retrieve a list of Elements that match the CSS Selector that you specify. Essentially, it is a way of finding Elements in JavaScript. It's quitee flexible and lets you search for tags, classes, IDs, parent/child combinations, attributes and so on.

In this video I show you a clear and simple example of how it works on the 'document' object as well as another Parent Node - to only search within that parent.

For your reference, check this out:

Follow me on Twitter @dcode!

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

[SolidJello]

Writing a comment to help, since you helped me, big ups to creators like you for helping other learn!

[CazCreates]

I realise this video is now 3 years old, but thanks for producing such a well-explained tutorial for this function!

[vijay]

Crystal clear explanation..Keep it up!

[Scottyhutch]

how goods it hearing an Aussie accent showing stuff on Youtube!! keep em coming!

[damianbilgi]

Thank you so much for your videos. They are highly appreciated, even after 4 years!

[meiyu]

thank you for this!!! informative, concise, and straightforward

[cloudpuncher]

hey mate, good to hear an Aussie in a tutorial, keep it up. Do you do courses?

[compot]

idk English very well, but i understood it clearly, thank you :)

[jakemao]

Great video. Watched several others about this topic. Only after yours I got the thing., thx.

[Trunk]

Thanks. This helped with a hamburger menu jumplink for my website.

[danteeep]

gives back the CSS selector in the console output section (right side)

[Pegasfps]

Good lesson. You helped me, thnx a lot. Hi from Ukraine =)

[AtillaRustemli]

Thank you so much.Your videos are quiet good!

[jgsk]

Ok any advantages over 'getElementBy..'?

[atanasdambov]

You are a master of the explanation... a huge thank you :)

[ErikNonIdle]

Excellent explanation! Thank you so much for this helpful video.

[mrmantn]

Hi, do you know why QuerySelectorAll() is only working in the first web site? i try other website in the same project or katalog but works only on 1 site even i import the link and script correctly

[tanvirhussain]

can we use vararivel name in document. quesry selector. i want to check whehter radio buttons are checked or not
for(i=1;i<=tot;i++){


}

[noxsweet]

Thank you! You're awesome for this!

[shubham-ldrl]

container2 could be directly accesed without making
"const container2".