classList xassesi

classList xassesi elementin CSS klaslarinin pseudomassivini ozunde saxlayir, hemcinin elementin klaslarini elave etme, silme ve elementin klaslari arasinda movcudluqunu yoxlamaq imkani verir.

class atributu haqqinda danisilir, icinde bir nece klasi bosluqla ayirmaq olar, meselen www ggg zzz. classList vasitesile, meselen, ggg klasini silmek olar, qalan klaslara toxunmadan.

Sintaksis

element.classList;

Numune . Klaslarin sayi

Elementin klaslarinin sayini tapaq:

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

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

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

Kodun icrasinin neticesi:

3

Numune . Klaslari gezinme

Elementin klaslarini novbete salaq:

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

Kodun icrasinin neticesi:

'www'
'ggg'
'zzz'

Hemcinin bax

classList.add metodu,
verilmis klasi elave edir
classList.remove metodu,
verilmis klasi silir
classList.contains metodu,
verilmis klasi yoxlayir
classList.toggle metodu,
verilmis klasi deyisir