classList Eienskap

Die eienskap classList bevat 'n pseudoversameling van die element se CSS klasse, en laat ook toe om klasse by te voeg en te verwyder, en om die teenwoordigheid van 'n spesifieke klas onder die element se klasse te toets.

Dit verwys na die class attribuut, binne-in wat jy verskeie klasse kan skryf met spasies daartussen, byvoorbeeld www ggg zzz. Met behulp van classList kan jy byvoorbeeld die klas ggg verwyder, sonder om die ander klasse te raak.

Sintaksis

javascriptelement.classList;

Voorbeeld . Aantal Klasse

Kom ons vind uit hoeveel klasse die element het:

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

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

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

Resultaat van die kode-uitvoering:

javascript3

Voorbeeld . Herhaal deur klasse

Kom ons toon die element se klasse een vir een:

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

Resultaat van die kode-uitvoering:

javascript'www'
'ggg'
'zzz'

Sien ook