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

element.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:

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

Resultaat van die kode-uitvoering:

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:

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

Resultaat van die kode-uitvoering:

Sien ook

die metode classList.add,
wat 'n gegewe klas byvoeg
die metode classList.remove,
wat 'n gegewe klas verwyder
die metode classList.contains,
wat 'n gegewe klas nagaan