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
element.classList;
Mysal . Synplaryň sany
Elementiň synplarynyň sanyny barlaýarys:
<p id="elem" class="www ggg zzz"></p>
let elem = document.querySelector('#elem');
let length = elem.classList.length;
console.log(length);
Kody ýerine ýetirmegiň netijesi:
3
Mysal . Synplary sanalap geçýäris
Elementiň synplaryny biri-birinden çykaryň:
<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);
}
Kody ýerine ýetirmegiň netijesi:
'www'
'ggg'
'zzz'
Şeýle-de görüň
-
usul
classList.add,
berlen synpy goşýar -
usul
classList.remove,
berlen synpy aýyrýar -
usul
classList.contains,
berlen synpy barlaýar -
usul
classList.toggle,
berlen synpy çalyşýar