Метад toggle аб'екта classList
Метад toggle аб'екта classList
чаргуе зададзены CSS клас элемента: дадае
клас, калі яго няма і выдаляе, калі ёсць.
Сінтаксіс
элемент.classList.toggle(клас);
Прыклад
У дадзеным прыкладзе пры выкарыстанні метада
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,
які правярае зададзены клас
