тк 3 июля праздник (в беларуси), буду не онлайн (по возможности буду отвечать)

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

:

Смотрите также

  • метод classList.add,
    который добавляет заданный класс
  • метод classList.remove,
    который удаляет заданный класс
  • метод classList.contains,
    который проверяет заданный класс
  • метод classList.toggle,
    который чередует заданный класс