Metoda toggle obiektu classList
Metoda toggle obiektu classList
przełącza określoną klasę CSS elementu: dodaje
klasę, jeśli jej nie ma i usuwa, jeśli jest.
Składnia
element.classList.contains(class);
Przykład
W tym przykładzie przy użyciu metody
toggle klasa zzz zostanie usunięta, ponieważ
już istnieje w elemencie:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Wynik wykonania kodu:
<p id="elem" class="www ggg"></p>
Przykład
W tym przykładzie przy użyciu metody
toggle klasa zzz zostanie dodana, ponieważ
jej nie ma w elemencie:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Wynik wykonania kodu:
<p id="elem" class="www ggg zzz"></p>
Zobacz też
-
metoda
classList.add,
która dodaje określoną klasę -
metoda
classList.remove,
która usuwa określoną klasę -
metoda
classList.contains,
która sprawdza określoną klasę
