Omadus classList

Omadus classList sisaldab pseudomassiivi elemendi CSS-klassidest ning võimaldab ka lisada ja eemaldada elemendi klasse, kontrollida kindla klassi olemasolu elemendi klasside hulgas.

Jutt on atribuudist class, mille sisse saab kirjutada mitut klassi tühikuga eraldatuna, näiteks www ggg zzz. Abil classList saab eemaldada, näiteks, klassi ggg, puudutamata ülejäänud klasse.

Süntaks

element.classList;

Näide . Klasside arv

Teeme teada elemendi klasside arvu:

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

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

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

Koodi täitmise tulemus:

3

Näide . Loeme klassid läbi

Väljastame elemendi klassid ükshaaval:

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

Koodi täitmise tulemus:

'www'
'ggg'
'zzz'

Vaata ka

meetod classList.add,
mis lisab määratud klassi
meetod classList.remove,
mis eemaldab määratud klassi
meetod classList.contains,
mis kontrollib määratud klassi
meetod classList.toggle,
mis vaheldab määratud klassi