Question

How to change HTML element class name by clicking a button in JavaScript

Answer 1

<div class="container" id="divid"></div>

<button id="buttonid">Change class name</button>

const element = document.getElementById("divid");
const btn = document.getElementById("buttonid"); 
 
console.log(element.className);
 
btn.addEventListener("click", ()=>{
    element.className = "new_classname";
    console.log(element.className);
})
  
  
  
      
      
/*
run:
  
"container"
"new_classname"
  
*/

 

70+ SQL courses for beginners and professionals