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 әдісі,
берілген класты ауыстырады