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

Методот toggle на објектот classList наизменично вклучува или исклучува зададена CSS класа на елемент: ја додава класата ако ја нема и ја отстранува ако постои.

Синтакса

element.classList.contains(class);

Пример

Во овој пример при користење на методот toggle класата zzz ќе се отстрани, бидејќи веќе постои на елементот:

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

Резултат од извршувањето на кодот:

Пример

Во овој пример при користење на методот toggle класата zzz ќе се додаде, бидејќи ја нема на елементот:

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

Резултат од извршувањето на кодот:

Погледнете ги исто така

методот classList.add,
кој додава зададена класа
методот classList.remove,
кој отстранува зададена класа
методот classList.contains,
кој проверува дали постои зададена класа