Хусусияти classList

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

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

Синтаксис

javascriptунсур.classList;

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

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

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

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

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

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

javascript3

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

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

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

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

javascript'www'
'ggg'
'zzz'

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