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

element.classList;

Primer . Broj klasa

Saznajmo broj klasa elementa:

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

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

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

Rezultat izvršavanja koda:

3

Primer . Nabrajamo klase

Ispišimo redom klase elementa:

<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 izvršavanja koda:

'www'
'ggg'
'zzz'

Pogledajte takođe

metod classList.add,
koji dodaje zadatu klasu
metod classList.remove,
koji uklanja zadatu klasu
metod classList.contains,
koji proverava zadatu klasu
metod classList.toggle,
koji naizmenično uključuje/isključuje zadanu klasu