Метод toggle на обекта classList

Методът toggle на обекта classList редува зададен CSS клас на елемент: добавя клас, ако го няма и премахва, ако има.

Синтаксис

javascriptelement.classList.contains(class);

Пример

В този пример при използване на метода toggle класът zzz ще бъде премахнат, тъй като вече присъства в елемента:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Резултат от изпълнението на кода:

html<p id="elem" class="www ggg"></p>

Пример

В този пример при използване на метода toggle класът zzz ще бъде добавен, тъй като липсва в елемента:

html<p id="elem" class="www ggg"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.toggle('zzz');

Резултат от изпълнението на кода:

html<p id="elem" class="www ggg zzz"></p>

Вижте също