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

javascriptelement.classList;

Misol . Klasslar soni

Elementning klasslar sonini bilib olaylik:

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

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

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

Kod bajarish natijasi:

javascript3

Misol . Klasslarni aylantiramiz

Element klasslarini navbatma-navbat chiqaramiz:

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

Kod bajarish natijasi:

javascript'www'
'ggg'
'zzz'

Shuningdek qarang