Metoda toggle a obiectului classList

Metoda toggle a obiectului classList alternează o clasă CSS specificată a elementului: adaugă clasa dacă aceasta nu există și o elimină dacă există.

Sintaxă

element.classList.contains(class);

Exemplu

În acest exemplu, la utilizarea metodei toggle clasa zzz va fi eliminată, deoarece aceasta există deja în element:

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

Rezultatul executării codului:

Exemplu

În acest exemplu, la utilizarea metodei toggle clasa zzz va fi adăugată, deoarece aceasta nu există în element:

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

Rezultatul executării codului:

Veți și

metoda classList.add,
care adaugă o clasă specificată
metoda classList.remove,
care elimină o clasă specificată
metoda classList.contains,
care verifică o clasă specificată