How to add a class to a DOM element
New Courses Coming Soon
Join the waiting lists
TL;DR: Use the add() method on element.classList
When you have a DOM element reference you can add a new class to it by using the add
method:
element.classList.add('myclass')
You can remove a class using the remove
method:
element.classList.remove('myclass')
Implementation detail: classList
is not an array, but rather it is a collection of type DOMTokenList.
You can’t directly edit classList
because it’s a read-only property. You can however use its methods to change the element classes.
→ Read my DOM Tutorial on
The Valley of Code
→ Read my
Browser Events Tutorial
on The Valley of Code
→ Read my
Browser APIs Tutorials
on The Valley of Code
Here is how can I help you:
- COURSES where I teach everything I know
- CODING BOOTCAMP cohort course - next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- Follow me on X