classList xususiyati

classList xususiyati elementning CSS klasslari psevdomassivini o'z ichiga oladi, shuningdek element klasslarini qo'shish va o'chirishga, element klasslari orasida ma'lum bir klass mavjudligini tekshirishga imkoniyat beradi.

Bu class atributi haqida, uning ichida bir nechta klasslarni probel orqali yozish mumkin, masalan www ggg zzz. classList yordamida, masalan, ggg klassini boshqa klasslarga tegmasdan o'chirish mumkin.

Sintaksis

element.classList;

Misol . Klasslar soni

Elementning klasslar sonini bilib olaylik:

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

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

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

Kod bajarish natijasi:

3

Misol . Klasslarni aylantiramiz

Element klasslarini navbatma-navbat chiqaramiz:

<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);
}

Kod bajarish natijasi:

'www'
'ggg'
'zzz'

Shuningdek qarang

classList.add metodi,
berilgan klassni qo'shadi
classList.remove metodi,
berilgan klassni o'chiradi
classList.contains metodi,
berilgan klassni teksiradi
classList.toggle metodi,
berilgan klassni almashtiradi