Kaedah add objek classList

Kaedah add objek classList membolehkan penambahan kelas CSS kepada elemen.

Sintaks

javascriptelemen.classList.add(kelas);

Contoh

Tambahkan kelas kkk kepada elemen:

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

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

Keputusan pelaksanaan kod:

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

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

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

Keputusan pelaksanaan kod:

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

Lihat juga