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