Metode add Objek classList
Metode add objek
classList
memungkinkan penambahan kelas CSS ke elemen.
Sintaks
elemen.classList.add(kelas);
Contoh
Tambahkan kelas kkk ke elemen:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Hasil eksekusi kode:
<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:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Hasil eksekusi kode:
<p id="elem" class="www ggg zzz"></p>
Lihat Juga
-
metode
classList.remove,
yang menghapus kelas yang ditentukan -
metode
classList.contains,
yang memeriksa kelas yang ditentukan -
metode
classList.toggle,
yang menggilir kelas yang ditentukan
