Метод 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,
који проверава задану класу
