Toggle class of HTML element

JavaScript, Browser · Oct 22, 2020

Toggles a class for an HTML element.

Use Element.classList and DOMTokenList.toggle() to toggle the specified class for the element.

const toggleClass = (el, className) => el.classList.toggle(className);

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

More like this

CSS Manipulation with JavaScript
Get started with manipulating CSS in the browser, using JavaScript.
Collection · 12 snippets
Tip: You can get the value of an input element as a number
Ever wanted to get the value of an HTML input element as a number? Learn an easy way to do it with this handy trick.
JavaScript, Browser · Jun 12, 2021
Check if HTML element has class
Checks if the given element has the specified class.
JavaScript, Browser · Oct 19, 2020
Add class to HTML element
Adds a class to an HTML element.
JavaScript, Browser · Dec 30, 2020