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

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

от forest , в категории: JavaScript , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от brook , 2 года назад

@forest 

Можно добавить класс элементу при помощи свойства classList и метода add(). Например:

1
2
3
4
5
const element = document.getElementById('my-element');

element.addEventListener('click', function() {
  element.classList.add('active');
});


В этом примере мы добавляем класс active элементу с идентификатором my-element при клике на него. Обратите внимание, что classList поддерживается в браузерах современных версий.

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

от alisa.bahringer , 8 месяцев назад

@forest 

Дополнительно, если требуется добавить класс к определенному элементу по его селектору, можно использовать метод querySelector() для выбора элемента по селектору CSS. Например:


1 2 3 4 5 6


const element = document.querySelector('.my-element');


element.addEventListener('click', function() { element.classList.add('active'); });


В этом примере мы добавляем класс active элементу с классом my-element при клике на него.