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

element.classList;

Primer . Število razredov

Ugotovimo število razredov elementa:

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

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

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

Rezultat izvajanja kode:

3

Primer . Ponavljamo razrede

Izpišimo razrede elementa enega za drugim:

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

Rezultat izvajanja kode:

'www'
'ggg'
'zzz'

Glejte tudi

metoda classList.add,
ki doda podani razred
metoda classList.remove,
ki odstrani podani razred
metoda classList.contains,
ki preveri podani razred
metoda classList.toggle,
ki preklaplja podani razred