JS: Как добавить класс элементу
Чтобы добавить класс элементу в JavaScript, можно использовать свойство `classList` у элемента. `classList` предоставляет нам методы для добавления, удаления и проверки наличия классов у элемента.
Например, допустим у нас есть HTML элемент с идентификатором `myElement`. Мы хотим добавить ему класс `highlight`. Вот как это можно сделать:
javascript
const element = document.getElementById('myElement');
element.classList.add('highlight');
В данном случае мы сначала получаем ссылку на элемент с помощью `document.getElementById`, используя его идентификатор. Затем мы вызываем метод `add` у свойства `classList` этого элемента и передаем ему имя класса, который хотим добавить (`highlight`).
Теперь элемент с идентификатором `myElement` будет иметь класс `highlight`, что позволит применять стили к нему с использованием CSS.
Для удаления класса у элемента мы можем использовать метод `remove`:
javascript
element.classList.remove('highlight');
А для проверки наличия класса у элемента - метод `contains`:
javascript
if (element.classList.contains('highlight')) {
// код, который будет выполнен, если у элемента есть класс 'highlight'
}
Также можно добавлять несколько классов одновременно, передавая их в качестве отдельных аргументов в метод `add`:
javascript
element.classList.add('class1', 'class2', 'class3');
Таким образом, мы можем удобно управлять классами у элементов с помощью встроенных методов `classList`.