De toggle methode van het classList object

De toggle methode van het classList object wisselt een opgegeven CSS-klasse van een element: het voegt de klasse toe als deze niet aanwezig is en verwijdert deze als dat wel het geval is.

Syntaxis

element.classList.contains(class);

Voorbeeld

In dit voorbeeld wordt bij gebruik van de toggle methode de klasse zzz verwijderd, omdat deze al aanwezig is op het element:

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

Resultaat van de uitgevoerde code:

Voorbeeld

In dit voorbeeld wordt bij gebruik van de toggle methode de klasse zzz toegevoegd, omdat deze niet aanwezig is op het element:

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

Resultaat van de uitgevoerde code:

Zie ook

de classList.add methode,
die een opgegeven klasse toevoegt
de classList.remove methode,
die een opgegeven klasse verwijdert
de classList.contains methode,
die een opgegeven klasse controleert