classList hassa

classList hassa elementin CSS synplarynyň psewdomassiwini öz içine alýar, şeýle hem element synplaryny goşmaga we aýyrmaga, element synplarynyň arasynda belli bir synpyň bardygyny barlamaga mümkinçilik berýär.

Bu class atributy barada, onuň içinde birnäçe synpy boşluk bilen ýazyp bolýar, meselem www ggg zzz. classList-iň kömegi bilen, mysal üçin, ggg synpyny beýleki synplara täsir etmän aýyryp bolýar.

Sintaksis

javascriptelement.classList;

Mysal . Synplaryň sany

Elementiň synplarynyň sanyny barlaýarys:

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

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

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

Kody ýerine ýetirmegiň netijesi:

javascript3

Mysal . Synplary sanalap geçýäris

Elementiň synplaryny biri-birinden çykaryň:

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

Kody ýerine ýetirmegiň netijesi:

javascript'www'
'ggg'
'zzz'

Şeýle-de görüň