Kaedah add objek classList
Kaedah add objek
classList
membolehkan penambahan kelas CSS kepada elemen.
Sintaks
elemen.classList.add(kelas);
Contoh
Tambahkan kelas kkk kepada elemen:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('kkk');
Keputusan pelaksanaan kod:
<p id="elem" class="www ggg zzz kkk"></p>
Contoh
Tambahkan kelas zzz kepada elemen, yang
sudah ada dalam elemen - tiada apa yang akan berlaku,
kerana kelas pendua tidak ditambah:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
elem.classList.add('zzz');
Keputusan pelaksanaan kod:
<p id="elem" class="www ggg zzz"></p>
Lihat juga
-
kaedah
classList.remove,
yang mengalih keluar kelas yang ditentukan -
kaedah
classList.contains,
yang menyemak kelas yang ditentukan -
kaedah
classList.toggle,
yang menggilirkan kelas yang ditentukan
