This is a div element . Toggle Class
Toggle between two classes using javascript <html> <body> <style> .my_div{ background-color: blue; color:red; } .new_class{ background-color: black; color:white; } </style> <div class="my_div"> This is a div element . </div> <button onclick="myFunc()">Toggle Class</button> <script> function myFunc(){ document.querySelector('.my_div').classList.toggle('new_class'); } </script> </body> </html> You may like these posts : Write Your Comment
Toggle between two classes using javascript <html> <body> <style> .my_div{ background-color: blue; color:red; } .new_class{ background-color: black; color:white; } </style> <div class="my_div"> This is a div element . </div> <button onclick="myFunc()">Toggle Class</button> <script> function myFunc(){ document.querySelector('.my_div').classList.toggle('new_class'); } </script> </body> </html>
You may like these posts :