Lastnost classList

Lastnost classList vsebuje psevdomatriko CSS razredov elementa, ter omogoča dodajanje in odstranjevanje razredov elementa, preverjanje prisotnosti določenega razreda med razredi elementa.

Gre za atribut class, znotraj katerega lahko zapišemo več razredov presledkovno ločenih, na primer www ggg zzz. S pomočjo classList lahko odstranimo, na primer, razred ggg, ne da bi vplivali na preostale razrede.

Sintaksa

javascriptelement.classList;

Primer . Število razredov

Ugotovimo število razredov elementa:

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

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

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

Rezultat izvajanja kode:

javascript3

Primer . Ponavljamo razrede

Izpišimo razrede elementa enega za drugim:

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 izvajanja kode:

javascript'www'
'ggg'
'zzz'

Glejte tudi