Metoda toggle objekta classList

Metoda toggle objekta classList preklaplja dani CSS razred elementa: doda razred, če ga ni, in odstrani, če je prisoten.

Sintaksa

javascriptelement.classList.contains(class);

Primer

V tem primeru se bo ob uporabi metode toggle razred zzz odstranil, saj je že prisoten v elementu:

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

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

Rezultat izvajanja kode:

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

Primer

V tem primeru se bo ob uporabi metode toggle razred zzz dodal, saj ga ni v elementu:

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

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

Rezultat izvajanja kode:

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

Glejte tudi