โ† flaviocopes.com

How to remove a class from a DOM element

Published Oct 21 2018

Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! โœจ

When you have a DOM element reference you can remove a class using the remove method:

element.classList.remove('myclass')

You can add a new class to it by using the add method:

element.classList.add('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 write books for developers ๐Ÿ‘‡๐Ÿผ

© 2023 Flavio Copes Flavio Copes made in Italy ๐Ÿ‡ฎ๐Ÿ‡น using Notion to Site Notion to Site