Metoden toggle for classList-objektet

Metoden toggle for objektet classList veksler en gitt CSS-klasse for et element: legger til klassen hvis den ikke finnes, og fjerner den hvis den finnes.

Syntaks

javascriptelement.classList.contains(class);

Eksempel

I dette eksemplet vil klassen zzz bli fjernet når metoden toggle brukes, fordi den allerede finnes i elementet:

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

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

Resultatet av kjøring av koden:

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

Eksempel

I dette eksemplet vil klassen zzz bli lagt til når metoden toggle brukes, fordi den ikke finnes i elementet:

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

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

Resultatet av kjøring av koden:

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

Se også