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ė

javascriptelementas.classList;

Pavyzdys . Klasių kiekis

Sužinokime elemento klasių kiekį:

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

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

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

Kodo vykdymo rezultatas:

javascript3

Pavyzdys . Klasės išvardijamos

Išveskime paeiliui elemento klases:

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

Kodo vykdymo rezultatas:

javascript'www'
'ggg'
'zzz'

Taip pat žiūrėkite