classList nesnesinin add metodu

classList nesnesinin add metodu bir öğeye CSS sınıfları eklemeye izin verir.

Sözdizimi

javascriptelement.classList.add(class);

Örnek

Öğeye kkk sınıfını ekleyelim:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('kkk');

Kodun çalıştırılmasının sonucu:

html<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:

html<p id="elem" class="www ggg zzz"></p>

javascriptlet elem = document.querySelector('#elem');
elem.classList.add('zzz');

Kodun çalıştırılmasının sonucu:

html<p id="elem" class="www ggg zzz"></p>

Ayrıca bakınız