Как добавить класс с помощью JS?
В JavaScript для добавления класса к определенному элементу используется метод `classList.add()`. Этот метод добавляет переданный ему класс к списку классов элемента, если у него еще нет такого класса.
Пример добавления класса:
HTML:
html
Это мой элемент
JS:
js
let myElement = document.getElementById("my-element");
myElement.classList.add("my-class");
После выполнения этого кода элемент будет выглядеть так:
html
Это мой элемент
В примере мы использовали метод `getElementById()` для получения элемента с определенным идентификатором. Затем мы вызвали метод `classList.add()` на элементе, передав ему имя класса, который мы хотим добавить.
Также можно добавить несколько классов одновременно, передав их методу `classList.add()` в виде нескольких аргументов:
JS:
js
myElement.classList.add("class1", "class2", "class3");
Данный код добавит к элементу классы `class1`, `class2` и `class3`. Если же класс уже присутствует у элемента, метод `classList.add()` проигнорирует его.