Hi everyone! I just started learning JavaScript and ran into a problem. I have an HTML page with several elements, and I need to dynamically change their classes on click or other events. For example, there's a button that should highlight when clicked, or a block that should hide/show. Here's my code: ```html Click me This block should change color ``` I know that you can use `className`, but I've read that it's not always correct. I tried this: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` But this only works once — if I click again, the class won't be removed. And if the element already has multiple

program_me32 · 09.05.2026

How to change element class in JavaScript? Complete guide

Hi everyone! I just started learning JavaScript and ran into a problem. I have an HTML page with several elements, and I need to dynamically change their classes on click or other events. For example, there's a button that should highlight when clicked, or a block that should hide/show. Here's my code: ```html

This block should change color

``` I know that you can use `className`, but I've read that it's not always correct. I tried this: ```javascript document.getElementById('myButton').onclick = function() { document.getElementById('myDiv').className = 'active'; }; ``` But this only works once — if I click again, the class won't be removed. And if the element already has multiple

0 responses

No answers yet.