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

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

от kenya , в категории: JavaScript , 2 месяца назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

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

@kenya Используйте addEventListener() чтобы слушать событие клик у элемента и затем classList.add() чтобы добавить классс HTML элементу в Javascript по клику, ниже пример кода как пример:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
<head>
    <meta charset="utf-8"/>
</head>
<body>
<div class="wrapper">
    <button id="message" class="button">Добавить класс по клику</button>
    <p class="text">Тест</p>
</div>
</body>
<script>
    const el = document.getElementById('message');

    el.addEventListener('click', (event) => {
        // Добавить класс к button элементу
        event.target.classList.add('test')

        // Добавить класс к p элементу
        document.querySelector('.text').classList.add('test');
    })
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.