JavaScript से एलिमेंट से क्लास नाम कैसे हटाएं?

JavaScript से एलिमेंट से क्लास नाम हटाने के लिए, निम्न कोड का उपयोग करें:

उदाहरण

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;       width: 100%;       padding: 25px;       background-color: rgb(147, 80, 255);       color: white;       font-size: 25px;       box-sizing: border-box;       text-align: center;    } </style> </head> <body> <h1>Remove className with JavaScript Example</h1> <button class="btn">Remove Class</button> <h2>Click the above button to remove className from below div</h2> <div class="newStyle" id="sampleDiv"> This is a DIV element. </div> <script>    document.querySelector(".btn").addEventListener("click", addClassName);    function addClassName() {       var element = document.getElementById("sampleDiv");       element.classList.remove("newStyle");    } </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

"Remove Class" बटन पर क्लिक करने पर: