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'

Ошондой эле караңыз