Metoden toggle på classList-objektet

Metoden toggle på objektet classList veksler en given CSS-klasse på et element: den tilføjer klassen, hvis den ikke er der, og fjerner den, hvis den er der.

Syntaks

javascriptelement.classList.contains(class);

Eksempel

I dette eksempel, ved brug af metoden toggle, vil klassen zzz blive fjernet, fordi den allerede findes på elementet:

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

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

Resultatet af at udføre koden:

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

Eksempel

I dette eksempel, ved brug af metoden toggle, vil klassen zzz blive tilføjet, fordi den ikke findes på elementet:

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

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

Resultatet af at udføre koden:

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

Se også