Переключение класса элемента

Чтобы переключить класс элемента, вы используете метод toggle() свойства classList элемента:

element.classList.toggle(className);
Code language: CSS (css)

Если у элемента есть className, метод toggle() удаляет его. Если элемент не имеет className, метод toggle() добавляет className в classList.

Предположим, у вас есть следующий элемент:

<div class="show">Item</div>
Code language: HTML, XML (xml)

Ниже показано, как переключить класс show элемента <div>:

const div = document.querySelector('div'); div.classList.toggle('show');
Code language: JavaScript (javascript)

Оцените статью
devanswers.ru
Добавить комментарий