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 методу,
берилген классты алмаштырат