Selecting DOM Elements with Pure JavaScript: querySelector and querySelectorAll

querySelector and querySelectorAll are two JavaScript methods that allow the selecting of DOM elements using CSS selectors; similar to what you do in jQuery. In this video we will cover both methods and compare than to more traditional methods: getElementByID, getElementsByClassName and getElementsByTagName.

For a complete list of all our tutorials:

[Kay_Drechsler]

I really liked your explanation about the disadvantage regarding `querySelector` isn't returning a live collection but a static collection instead.

[dnnii_]

Great explanation. I’m beginning to like your tutorials. Although you speak much slower than some other of the tutorials I’d watched but I believe this is much needed for beginners so that it gives them room to process rather than zipping away.

Great job once again and now I know the difference and when to use one over the other.

[Talel_kraiem]

best querySelector explanation on yt ❤

[Bizdeviz]

This is such s helpful video. I think it's this type of narrowly focused explanation that help those of us learning to piece together the bigger picture of programming with javascript. Thank you! 💪

[Mahdi-lzwu]

absolutely one of the best tutorials. thanks

[emmtzi]

Great tutorial with a VERY usefull tip about live selection!!

[zafarhussain]

sir which is good for program and complexity query selector or getelementBy

[rohitmaharjan]

Awesome Vid. What would be a benefit of using queySelctor instead of getElementby methods since query selector does not "update"?

[BenAbode]

Appreciate the lecture of this, have a like and cookie.

[dyongerwen]

nice done ! try to share it more in fb groups