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

javascriptelement.classList;

Shembull . Numri i klasave

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

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

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

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

Rezultati i ekzekutimit të kodit:

javascript3

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

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

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

Rezultati i ekzekutimit të kodit:

javascript'www'
'ggg'
'zzz'

Shihni gjithashtu