classList հատկությունը

classList հատկությունը պարունակում է տարրի 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 մեթոդը,
որը հերթափոխում է տրված դասը