Работа с классами на элементах DOM?

Question

Для работы с классами на элементах DOM используйте методы classList. Вы можете добавлять, удалять и проверять классы с помощью методов add(), remove() и contains(). Например:const element = document.getElementById('myElement');
element.classList.add('active');Этот код добавляет класс active к элементу.

YeaHub · Accepted Answer

Работа с классами в элементах DOM позволяет динамически изменять стили и поведение элементов. JavaScript предоставляет объект classList, который включает полезные методы для управления классами. Рассмотрим некоторые из них:add(className): добавляет указанный класс.remove(className): удаляет указанный класс.toggle(className): добавляет класс, если его нет, и удаляет, если он есть.contains(className): проверяет, содержит ли элемент указанный класс, возвращая true или false. Пример:const element = document.getElementById('myElement'); // Добавление класса 
element.classList.add('active'); // Удаление класса 
element.classList.remove('active'); // Переключение класса 
element.classList.toggle('hidden'); // Проверка класса 
if (element.classList.contains('active')) {
	console.log('Элемент активен'); 
}Эти методы делают код более чистым и понятным, упрощая взаимодействие с классами CSS.