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ă

javascriptelement.classList.contains(class);

Exemplu

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

html<p id="elem" class="www ggg zzz"></p>

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

Rezultatul executării codului:

html<p id="elem" class="www ggg"></p>

Exemplu

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

html<p id="elem" class="www ggg"></p>

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

Rezultatul executării codului:

html<p id="elem" class="www ggg zzz"></p>

Veți și