Sifa classList

Sifa classList ina pseudosafu ya madarasa ya CSS ya kipengele, na pia inaruhusu kuongeza na kufuta madarasa ya kipengele, kukagua uwepo wa darasa maalum miongoni mwa madarasa ya kipengele.

Suala linahusu sifa class, ndani yake ambayo unaweza kuandika madarasa kadhaa kupitia nafasi, kwa mfano www ggg zzz. Kwa kutumia classList unaweza kufuta, kwa mfano, darasa ggg, bila kugusa madarasa mengine.

Syntax

kipengele.classList;

Mfano . Idadi ya madarasa

Wacha tujue idadi ya madarasa ya kipengele:

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

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

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

Matokeo ya utekelezaji wa kificho:

3

Mfano . Tunapitia madarasa

Wacha tuonyeshe madarasa ya kipengele kwa mpangilio:

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

Matokeo ya utekelezaji wa kificho:

'www'
'ggg'
'zzz'

Angalia pia

mtindo classList.add,
ambao huongeza darasa lililopewa
mtindo classList.remove,
ambao hufuta darasa lililopewa
mtindo classList.contains,
ambao huangalia darasa lililopewa
mtindo classList.toggle,
ambao hubadilishana darasa lililopewa