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

javascriptelement.classList;

Näide . Klasside arv

Teeme teada elemendi klasside arvu:

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

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

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

Koodi täitmise tulemus:

javascript3

Näide . Loeme klassid läbi

Väljastame elemendi klassid ükshaaval:

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

Koodi täitmise tulemus:

javascript'www'
'ggg'
'zzz'

Vaata ka