@chloe.keebler
Для добавления класса при клике на элемент на чистом JavaScript вы можете использовать методы addEventListener()
и classList.add()
. Ниже приведен пример кода, показывающий это:
HTML:
1
|
Нажми меня |
JavaScript:
1 2 3 4 5 6 7 8 |
// Получаем ссылку на элемент, на который необходимо добавить класс при клике var myButton = document.getElementById("myButton"); // Добавляем обработчик события "click" на элемент myButton.addEventListener("click", function() { // Добавляем класс "active" к элементу this.classList.add("active"); }); |
CSS:
1 2 3 |
.active { background-color: red; } |
В этом примере при клике на кнопку с id "myButton" будет добавлен класс "active", что вызовет изменение фона кнопки на красный цвет.