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

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

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

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

Resultaat van de uitgevoerde code:

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

Voorbeeld

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

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

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

Resultaat van de uitgevoerde code:

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

Zie ook