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

classList հատկությունը պարունակում է տարրի 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'

Տես նաև