classList nesnesinin add metodu
classList
nesnesinin add metodu
bir öğeye CSS sınıfları eklemeye izin verir.
Sözdizimi
element.classList.add(class);
Örnek
Öğeye kkk sınıfını ekleyelim:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Kodun çalıştırılmasının sonucu:
<p id="elem" class="www ggg zzz kkk"></p>
Örnek
Öğede zaten var olan zzz sınıfını
ekleyelim - hiçbir şey olmayacak,
çünkü yinelenen sınıflar eklenmez:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('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ı kaldıran
classList.removemetodu,
-
belirtilen sınıfı kontrol eden
classList.containsmetodu,
-
belirtilen sınıfı değiştiren
classList.togglemetodu,