JavaScript Tutorial For Beginners #33 - Traversing the DOM

Hey all, in this JavaScript tutorial for beginners, I'll explain how we can reach into the DOM and grab content (nodes) from the DOM tree, such as elements, classes and ID's. And I'll also explain how we can search 'within' tags under different scopes to find child elements.

In this tutorial we'll learn three JavaScript methods (functions) to do that:

getElementsByTagName() - returns an array of objects
getElementsByClassName() - returns an array of objects
getElementById() - returns a single object

========== JavaScript for Beginners Playlist ==========

========== CSS for Beginners Playlist ==========

========== HTML for Beginners Playlist ==========

========== The Net Ninja ============

========== Social Links ==========

[banafshehsalkhi]

I am currently taking a javascript class and I have to comment that if it wasn't for your AMAZING way of explaining things I would be very discouraged right now! Not the easiest stuff to explain to a novice. Thank you so much!! PS-I don't usually write comments but after watching MANY of your videos (including ones on HTML and CSS) I needed to give you a shout out:)

[sonamtseringsherpa]

The Net Ninja is blessed with the quality to teach complicated topics in the easiest way. I'm highly thankful for all your great contributions.

[aaronramsden]

This really needs more than 500 likes, I actually understood how the D.O.M works thanks to your channel

[AshwiN]

u've actually made javascript fun to

[jessejordan]

Thank God your video appear as soon as I Open YouTube. Your explanation are very good

[calebwany]

I just wanna say thank you, you're a life saver

[sintom]

The best Tutorials I've ever found on YT :)

[ScorpionYTS]

Your explanations are so simple and understanding . Thanks ;)

[jessekim]

Videos are lit....explained in simple terms and easy to understand. Thanks mate❤❤

[bunburyLZD]

I finally understand this 😭 I cannot thank you enough.

[creationsjourney]

thanks a lot! Was very helpful! I 've just started to practice JS DOM. Like that a lot.

[falseknight]

Thanks for making me feel like I'm building my ninja coding skills :).

[seansong]

Very good explanation. Very clear and cover the points.

[christinaraganit]

I have a midterm on this tomorrow - thank you for your help, my guy!

[aayushshah]

brother!!
that literally was one of the awesome tutorial I ever found!

thank-you for the video man~

[tymothylim]

Thank you very much for this video :) It was really fun to watch and very educational! Learnt loads!

[happyrebel]

Amazing, you level down me stress, thumbs up.... now subscribed :)

[dankatende]

Wow this video helped me a lot ! keep it up dude.

[ipdmartins]

Hi, thank's for your content, it's valuable. I am trying to write a browser extension using ReactJS. I did not understand how access any website DOM with my code. Untill now I only got access to the code inserted in my browser extension and not a third website. Could you help?

[joshel]

I have a problem, please I wrote a program and I want it to be able to select and alter the elements one after the other upon clicking a button, that is if you click the button then it goes to the next element oh and I used a query selector which returns an array of all the elements, is there a way to do this, should I explain some more?