Class List (classList) Property - JavaScript DOM Tutorial For Beginners

In this video we look at a visual example (through the help of CSS) as to how exactly you can use this functionality.

For your reference:

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

[googleaccount]

2 years later and you're still helping people. Thank you very much.

[talksister]

Thank you. This was nicely explained; not rushed or skimmed over. You're a good teacher. Thanks again.

[reinaogo]

your explanation is just amazing!!!!after reading mutiple pages finally understood it.
PLEASE KEEP THE HARD WORK!!

[mauroraviolo]

"Yeah mate" is exactly what came to my mind after watching this video. Thank you very much.

[jesseemana]

just had a 'aha' moment going through this vid, saving the entire playlist now🙌🏽🙌🏽

[brijeshprasaddas]

A big salute to you sir, Very nicely explained

[shannonstumpf]

This was an amazing, informative, concise, easy to follow, useful, helpful video! Thank you thank you thank you

[johnkevin]

5 years later and this content is still so valuable! Thank you!

[cutipets]

great job ! ... I really enjoy the way that you explain this topic

[kenkinyua]

that was awesome...you've saved me

[josmarybermudez]

Thank you so much for the video!!
PD: i love your accent, where are you from?

[ihsanullahmahboobi]

man your dear
you made it so simple..
Please upload more videos about JS

[touze]

im russian and even i understand you. thanks.

[harag]

Nice tutorial, didn't know about the classList property, but I use JQuery for altering classes with ".addClass" etc. Though it's handy to know for those that don't use a library.

[sodiumsulfur]

You have every answer for all of my questions. Thank you. Wish you luck

[roshanmayer]

thanks for this simple and clear tutorial

[sfz]

Very Helpful, loved it, But Please use Dark Mode! 😂😂

[dianasicevaia]

Could you give a tip on how to add same class to multiple elements? I mean, for instance, I have a set of images each covered in links (tags <a>). Each link has a href with an anchor (ex: "href=#item01") to the hidden description card (ex: with "id=item01"). I have created a class .item_open that makes the description card visible on click. How do I get the attribute 'href' from all the tags <a> (or from all <a> with class .item-link) so that the class .item_open could be added to the particular description card with an id corresponding to the anchor in href of a picture in tag <a>? I cannot add class .item_open to the class in the description cards because the set of links is an array. In jQuery we could do that with addClass, but it does not work the same way in vanilla JS with classList.add

I hope I have described the problem clearly, haha. Would really appreciate any suggestions

[aleksandarmedarevic]

What if you add two classes such as color: black, color:red? Will you get text in red or black?