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

javascriptelement.classList;

Numune . Klaslarin sayi

Elementin klaslarinin sayini tapaq:

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

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

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

Kodun icrasinin neticesi:

javascript3

Numune . Klaslari gezinme

Elementin klaslarini novbete salaq:

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

Kodun icrasinin neticesi:

javascript'www'
'ggg'
'zzz'

Hemcinin bax