Хусусияти classList

Хусусияти classList дорои pseudomassiv синфҳои CSS унсур мебошад, инчунин имкон медиҳад, ки синфҳоро ба унсур илова кунед ё нест кунед, мавҷудияти синфи муайянро дар байни синфҳои унсур тафтиш кунед.

Дар ин ҷо сухан дар бораи атрибути class аст, ки дар дохили он шумо метавонед якчанд синфро тавассути фосила нависед, барои намуна www ggg zzz. Бо ёрии classList шумо метавонед, барои намуна, синфи ggg-ро нест кунед, бе он ки ба дигар синфҳо таъсир расонад.

Синтаксис

унсур.classList;

Намуна . Миқдори синфҳо

Бифаҳмем, ки чанд синф дорад унсур:

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

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

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

Натиҷаи иҷрои рамз:

3

Намуна . Синфҳоро такрор мекунем

Синфҳои унсурро ба тартиб чоп кунем:

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

Натиҷаи иҷрои рамз:

'www'
'ggg'
'zzz'

Инчунин нигаред

усули classList.add,
ки синфи додашударо илова мекунад
усули classList.remove,
ки синфи додашударо нест мекунад
усули classList.contains,
ки синфи додашударо тафтиш мекунад
усули classList.toggle,
ки синфи додашударо алтернатив мекунад