Работа с классами
До того, как начнёте изучать способы работы со стилями и классами в JavaScript, есть одно важное правило. Надеемся, это достаточно очевидно, но мы всё равно должны об этом упомянуть.
obj.className
Получение имени класса
У каждого элемента DOM есть свойство className . С его помощью можно прочитать или записать значение атрибута class
obj.classList
Получение списка классов
Для управления атрибутом class удобнее пользоваться свойством classList . Оно содержит список всех классов элемента и обладает собственными методами, чтобы управлять этими классами.
obj.contains('class');
Проверка наличия класса
Метод contains проверяет, есть ли у элемента класс, переданный как аргумент.
obj.add('class');
Присвоение класса элементу
Метод add добавляет элементу класс
obj.remove('class');
Удаление класса
Метод remove удаляет у элемента класс, переданный как аргумент
obj.toggle('class');
Переключение класса
Метод toggle работает как add , если у элемента класс отсутствует, и как remove — если присутствует. То есть метод переключает класс у элемента