JavaScript DOM Tutorial #3 - Get Elements By Class or Tag

Hey gang, in this JavaScript DOM tutorial, I'll show youhow we can query the DOM for elements with a certain class name, or tag name. The methods we'll use are:

- getElementsByTagName()
- getElementsByClassName()

----- COURSE LINKS:

---------------------------------------------------------------------------------------------
Other tutorials:

----- JAVASCRIPT FOR BEGINNERS:

----- CSS FOR BEGINNERS:

----- NODE.JS TUTORIALS

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

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

[anarosol]

I can't believe this content is free. Thank you so much for educating us!

[mrcoder]

There was a wix ad in this video. Wix is for noobs. At least I supported this channel

[bacn]

The Net Ninja is a life changer channel!
best content on the web

[scottonanski]

Finally, a useful series! Man, there's so much useless junk out there. I have one question though; how did you know to use [i] in the console log? Like, how did you come to the conclusion that the [ and ] characters were specifically needed to do what you needed to do?

[kolyxix]

Great job explaining and breaking down the DOM concept.

[vsizikov]

An alternative way to iterate array-like objects is to use ES6's for..of, which is pretty nice: for (const el of { .... }

[taiwanSmart]

thank you, many people stocked in here and didn’t know what happened...

[tallitvak]

Wow! This IS the kind of things people should seek, THANK YOU! This is awesome!

[finnyforever]

Finally - a tutorial on DOM that makes sense. Where can we access the repo? Is it still available?

[Rasminda_Alariat]

Thank you for this content. You're amazing.

[meleecraft]

Not gonna lie, since it's removal, i scream in my head the WOAAHH! after the intro music, everytime :(

[charsipandavlog]

You're my one of fav youtuber !! Keep it up bro :)

[Cho]

Array.from(), it's awesome! Thanks man!

[jamescathode]

for/of is also another way of iterating through nodeList and HTMLColelction.

[artempetrov]

Now there's an even easier way to turn non-arrays into arrays with the spread operator, like so: var myArray = [...nonArray];

[georgesdahdouh]

Thank you for the great tutorial. Especially casting HTML collection to an array, my question is, is this operation expensive? Does it involve unboxing? I know that this is probably irrelevant for small collections of 6 to 10 items, just curious if that will be relevant for large collections.

[tkahmedkamalTV]

Great Video, Thank you 😍
please, What is the name of the theme you are using at Atom?

[alexpanas]

We can use for (title of titles) {...} . The for loop from ES6 loops through HTML collection. I think.

[togotowesteast]

For anyone not getting anything on the console, check you "var titles". It should be defined as document.getElementsByClassName("title"), NOT

[venkateshprabhu]

Good explanation. Its possible to add a Class using "titles" for the Div? means asking its possible to add another class to the existing using "titles" collection iterate ?