Својство 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'

Погледајте такође