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

element.classList.contains(class);

Eksempel

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

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

Resultatet av kjøring av koden:

Eksempel

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

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

Resultatet av kjøring av koden:

Se også

metoden classList.add,
som legger til en gitt klasse
metoden classList.remove,
som fjerner en gitt klasse
metoden classList.contains,
som sjekker en gitt klasse