Свойство classList в JavaScript

Свойство 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) {
document.write(className + '<br>');
}
// www
// ggg
// zzz