JavaScript Demo
JavaScript / HTML/ CSS Code
Output
<!DOCTYPE html> <html> <head> </head> <body> <style> .cls1 { font-size:20px; color:#FF8040; } .cls2 { background: linear-gradient(to right, #CE0000,#004A00,#FFFF40); height: 100px; width:35%; padding: 20px; font-family:verdana; } </style> </head> <body> <p>A Demo of JavaScript Add Class</p> <button onclick="addClsFunc()">Add class</button> <div id="divDemo" class="cls1"> Add a class to a div with existing class. </div> <script> function addClsFunc() { var divtst = document.getElementById("divDemo"); divtst.classList.add("cls2"); } </script> </body> </html>
A Demo of JavaScript Add Class
Add class
Add a class to a div with existing class.