Metode add Objek classList

Metode add objek classList memungkinkan penambahan kelas CSS ke elemen.

Sintaks

javascriptelemen.classList.add(kelas);

Contoh

Tambahkan kelas kkk ke elemen:

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

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

Hasil eksekusi kode:

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

Contoh

Tambahkan kelas zzz ke elemen, yang sudah ada pada elemen - tidak akan terjadi apa-apa, karena kelas duplikat tidak ditambahkan:

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

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

Hasil eksekusi kode:

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

Lihat Juga