Ciri classList

Ciri classList mengandungi pseudo-array kelas CSS elemen, dan juga membolehkan penambahan dan pemadaman kelas elemen, menyemak kewujudan kelas tertentu dalam kelas elemen.

Ini merujuk kepada atribut class, di dalamnya boleh ditulis beberapa kelas dipisahkan oleh ruang, contohnya www ggg zzz. Dengan menggunakan classList boleh dipadam, contohnya, kelas ggg, tanpa mengganggu kelas-kelas lain.

Sintaks

javascriptelemen.classList;

Contoh . Bilangan Kelas

Dapatkan bilangan kelas elemen:

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

javascriptlet elem = document.querySelector('#elem');

let length = elem.classList.length;
console.log(length);

Keputusan pelaksanaan kod:

javascript3

Contoh . Mengulangi Kelas

Cetak kelas elemen satu persatu:

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

javascriptlet elem = document.querySelector('#elem');
let classNames = elem.classList;

for (let className of classNames) {
  console.log(className);
}

Keputusan pelaksanaan kod:

javascript'www'
'ggg'
'zzz'

Lihat juga