Skip to content

How to add a class to a DOM element

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.

I wrote 17 books to help you become a better developer, download them all at $0 cost by joining my newsletter

JOIN MY CODING BOOTCAMP, an amazing cohort course that will be a huge step up in your coding career - covering React, Next.js - next edition February 2025

Bootcamp 2025

Join the waiting list