Как добавить класс при клике на чистом javascript?

Пользователь

от chloe.keebler , в категории: JavaScript , месяц назад

Как добавить класс при клике на чистом javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от felix , месяц назад

@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", что вызовет изменение фона кнопки на красный цвет.