classList nesnesinin toggle metodu
classList nesnesinin
toggle metodu, bir elementin belirtilen CSS sınıfını değiştirir:
sınıf yoksa ekler, varsa kaldırır.
Sözdizimi
element.classList.toggle(sınıf);
Örnek
Bu örnekte, toggle metodu kullanıldığında
zzz sınıfı elementte zaten olduğu için
kaldırılacaktır:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodun çalıştırılmasının sonucu:
<p id="elem" class="www ggg"></p>
Örnek
Bu örnekte, toggle metodu kullanıldığında
zzz sınıfı elementte olmadığı için
eklenecektir:
<p id="elem" class="www ggg"></p>
let elem = document.querySelector('#elem');
elem.classList.toggle('zzz');
Kodun çalıştırılmasının sonucu:
<p id="elem" class="www ggg zzz"></p>
Ayrıca bakınız
-
belirtilen sınıfı ekleyen
classList.addmetodu -
belirtilen sınıfı kaldıran
classList.removemetodu -
belirtilen sınıfı kontrol eden
classList.containsmetodu
