Toggle class name from div tag by clicking on button using JavaScript.

in this code we learn how to toggle class name without using toggle option in javascript .

function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.toggle("mystyle");
}

we will be using other method to make this(toggle class) maybe this code will be useful for you in your codding
<style> .class1{height:200px; background:red} .class2{height:200px; background:yellow} </style> <button id="toggle" onclick="btntoggle()">change class Name</button> <div class="class1" id="chgclass"></div> <script> function btntoggle() { var toggle =document.getElementById("toggle"); var chgclass =document.getElementById("chgclass"); toggle.setAttribute("onclick", "btntoggle2()") chgclass.setAttribute("class", "class2") } function btntoggle2() { toggle.setAttribute("onclick", "btntoggle()") chgclass.setAttribute("class", "class1") } </script>

© Manajmnt code

Share to :

☷✎