classList īpašība

Īpašība classList satur pseido masīvu no elementa CSS klasēm, kā arī ļauj pievienot un noņemt elementa klases, pārbaudīt noteiktas klases esamību starp elementa klasēm.

Runa ir par atribūtu class, kura iekšpusē var rakstīt vairākas klases atdalot ar atstarpēm, piemēram www ggg zzz. Izmantojot classList var noņemt, piemēram, klasi ggg, neietekmējot pārējās klases.

Sintakse

javascriptelement.classList;

Piemērs . Klašu skaits

Uzzināsim elementa klašu skaitu:

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

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

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

Koda izpildes rezultāts:

javascript3

Piemērs . Iterējam cauri klasēm

Izvadīsim pēc kārtas elementa klases:

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

Koda izpildes rezultāts:

javascript'www'
'ggg'
'zzz'

Skatīt arī