Уласцівасць 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'

Глядзіце таксама