JavaScript Demo
JavaScript / HTML/ CSS Code
Output
<!DOCTYPE html> <html> <head> </head> <body> <style> .tstClass { background: linear-gradient(to right, #FF0000,#008000,#FFFF00); height: 80px; width:25%; color:#ffffff; padding: 15px; font-family:verdana; font-size:17px; } </style> </head> <body> <p>A Demo of JavaScript Add Class</p> <button onclick="addClsFunc()">Add class</button> <div id="divDemo"> Click on above button and see how class is added! </div> <script> function addClsFunc() { var divtst = document.getElementById("divDemo"); divtst.classList.add("tstClass"); } </script> </body> </html>
A Demo of JavaScript Add Class
Add class
Click on above button and see how class is added!