30-seconds-of-code/snippets/js/s/toggle-html-element-class.md

title, type, language, tags, cover, dateModified

title	type	language	tags	cover	dateModified
Toggle class of HTML element	snippet	javascript	browser	laptop-plants-2	2020-10-22T20:24:30+03:00

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