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

elemen.classList;

Contoh . Bilangan Kelas

Dapatkan bilangan kelas elemen:

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

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

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

Keputusan pelaksanaan kod:

3

Contoh . Mengulangi Kelas

Cetak kelas elemen satu persatu:

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

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

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

Keputusan pelaksanaan kod:

'www'
'ggg'
'zzz'

Lihat juga

kaedah classList.add,
yang menambah kelas yang ditentukan
kaedah classList.remove,
yang memadam kelas yang ditentukan
kaedah classList.contains,
yang menyemak kelas yang ditentukan
kaedah classList.toggle,
yang menggilirkan kelas yang ditentukan