Метод toggle на обекта classList
Методът toggle на обекта classList
редува зададен CSS клас на елемент: добавя
клас, ако го няма и премахва, ако има.
Синтаксис
element.classList.contains(class);
Пример
В този пример при използване на метода
toggle класът zzz ще бъде премахнат, тъй като
вече присъства в елемента:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Резултат от изпълнението на кода:
<p id="elem" class="www ggg"></p>
Пример
В този пример при използване на метода
toggle класът zzz ще бъде добавен, тъй като
липсва в елемента:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Резултат от изпълнението на кода:
<p id="elem" class="www ggg zzz"></p>
Вижте също
-
метод
classList.add,
който добавя зададен клас -
метод
classList.remove,
който премахва зададен клас -
метод
classList.contains,
който проверява зададен клас
