Metod toggle objekta classList

Metod toggle objekta classList naizmenično dodaje određenu CSS klasu elementa: dodaje klasu ako je nema i uklanja je ako postoji.

Sintaksa

javascriptelement.classList.contains(class);

Primer

U ovom primeru, korišćenjem metode toggle klasa zzz će biti uklonjena, pošto već postoji na elementu:

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

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

Rezultat izvršavanja koda:

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

Primer

U ovom primeru, korišćenjem metode toggle klasa zzz će biti dodata, pošto je nema na elementu:

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

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

Rezultat izvršavanja koda:

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

Pogledajte takođe