Savybė classList

Savybė classList apima pseudomasyvą CSS klasių elemento, taip pat leidžia pridėti ir pašalinti elemento klases, patikrinti ar tam tikra klasė yra tarp elemento klasių.

Kalba eina apie atributą class, kurio viduje galima rašyti kelias klases per tarpą, pavyzdžiui www ggg zzz. Naudojant classList galima pašalinti, pavyzdžiui, klasę ggg, neliečiant kitių klasių.

Sintaksė

elementas.classList;

Pavyzdys . Klasių kiekis

Sužinokime elemento klasių kiekį:

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

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

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

Kodo vykdymo rezultatas:

3

Pavyzdys . Klasės išvardijamos

Išveskime paeiliui elemento klases:

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

Kodo vykdymo rezultatas:

'www'
'ggg'
'zzz'

Taip pat žiūrėkite

metodas classList.add,
kuris prideda nurodytą klasę
metodas classList.remove,
kuris pašalina nurodytą klasę
metodas classList.contains,
kuris tikrina nurodytą klasę
metodas classList.toggle,
kuris kaitalioja nurodytą klasę