Metoden toggle för classList-objektet

Metoden toggle för objektet classList växlar en given CSS-klass för ett element: lägger till klassen om den inte finns och tar bort den om den finns.

Syntax

element.classList.contains(class);

Exempel

I detta exempel kommer klassen zzz att tas bort när metoden toggle används, eftersom den redan finns i elementet:

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

Resultatet av att köra koden:

Exempel

I detta exempel kommer klassen zzz att läggas till när metoden toggle används, eftersom den inte finns i elementet:

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

Resultatet av att köra koden:

Se även

metoden classList.add,
som lägger till en given klass
metoden classList.remove,
som tar bort en given klass
metoden classList.contains,
som kontrollerar en given klass