Метод 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>

Погледајте такође