classList svojstvo

Svojstvo classList sadrži pseudoniz CSS klasa elementa, a takođe omogućava dodavanje i uklanjanje klasa elementa, proveru prisustva određene klase među klasama elementa.

Reč je o atributu class, unutar kog se može pisati više klasa razdvojenih razmakom, na primer www ggg zzz. Pomoću classList može se ukloniti, na primer, klasa ggg, ne dirajući ostale klase.

Sintaksa

javascriptelement.classList;

Primer . Broj klasa

Saznajmo broj klasa elementa:

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

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

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

Rezultat izvršavanja koda:

javascript3

Primer . Nabrajamo klase

Ispišimo redom klase elementa:

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

Rezultat izvršavanja koda:

javascript'www'
'ggg'
'zzz'

Pogledajte takođe