Die toggle metode van die classList voorwerp

Die metode toggle van die voorwerp classList wissel 'n gegewe CSS klas van 'n element: dit voeg die klas by as dit nie daar is nie en verwijder dit as dit wel daar is.

Sintaksis

javascriptelement.classList.contains(class);

Voorbeeld

In hierdie voorbeeld, met die gebruik van die metode toggle, sal die klas zzz verwyder word, aangesien dit reeds in die element teenwoordig is:

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

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

Resultaat van die kode-uitvoering:

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

Voorbeeld

In hierdie voorbeeld, met die gebruik van die metode toggle, sal die klas zzz bygevoeg word, aangesien dit nie in die element is nie:

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

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

Resultaat van die kode-uitvoering:

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

Sien ook