Метад toggle аб'екта classList

Метад toggle аб'екта classList чаргуе зададзены CSS клас элемента: дадае клас, калі яго няма і выдаляе, калі ёсць.

Сінтаксіс

javascriptэлемент.classList.toggle(клас);

Прыклад

У дадзеным прыкладзе пры выкарыстанні метада 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>

Глядзіце таксама