Својство 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,
која смењује задату класу