Remove class from HTML element

Angelos Chalaris · JavaScript, Browser · Dec 30, 2020

Removes a class from an HTML element.

• Use Element.classList and DOMTokenList.remove() to remove the specified class from the element.

const removeClass = (el, className) => el.classList.remove(className);

removeClass(document.querySelector('p.special'), 'special');
// The paragraph will not have the 'special' class anymore

Recommended snippets

• Remove attributes

  JavaScript, Browser

  Removes all attributes from an HTML element.

• Check if HTML element has class

  JavaScript, Browser

  Checks if the given element has the specified class.

• Add class to HTML element

  JavaScript, Browser

  Adds a class to an HTML element.