Vetija classList

Vetija classList përmban një pseudoarray të klasave CSS të elementit, dhe gjithashtu lejon shtimin dhe heqjen e klasave të elementit, kontrollin e pranisë së një klase të caktuar midis klasave të elementit.

Bëhet fjalë për atributin class, brenda të cilit mund të shkruhen disa klasa ndarë me hapësirë, për shembull www ggg zzz. Me ndihmën e classList mund të hiqet, për shembull, klasa ggg, pa prekur klasat e tjera.

Sintaksa

element.classList;

Shembull . Numri i klasave

Le të zbulojmë numrin e klasave të elementit:

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

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

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

Rezultati i ekzekutimit të kodit:

3

Shembull . Përsëritim nëpër klasa

Le të shfaqim një nga një klasat e elementit:

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

Rezultati i ekzekutimit të kodit:

'www'
'ggg'
'zzz'

Shihni gjithashtu

metoda classList.add,
e cila shton një klasë të caktuar
metoda classList.remove,
e cila heq një klasë të caktuar
metoda classList.contains,
e cila kontrollon një klasë të caktuar
metoda classList.toggle,
e cila alternon një klasë të caktuar