क्लास हटाने के तरीका

JavaScript के द्वारा एलीमेंट से क्लास नाम हटाने के तरीका सीखें。

बटन पर क्लिक करके एक क्लास यहाँ से हटाएं!

क्लास हटाएं

पहला कदम - HTML जोड़ें:

इस उदाहरण में, हम एक बटन का उपयोग करके id="myDIV" के <div> एलीमेंट से "mystyle" क्लास:

<button onclick="myFunction()">प्रयोग करें</button>
<div id="myDIV" class="mystyle">
  This is a DIV element.
</div>

दूसरा कदम - CSS जोड़ें:

निर्दिष्ट क्लास नाम के शैली सेट करें:

.mystyle {
  width: 100%;
  padding: 25px;
  background-color: coral;
  color: white;
  font-size: 25px;
}

तीसरा कदम - JavaScript जोड़ें:

प्राप्त करें id="myDIV" के <div> एलीमेंट को और उससे "mystyle" क्लास:

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

आप खुद सबसे प्रयोग करें

संबंधित पृष्ठ

तालीमी दस्तावेज़:कैसे क्लास को टॉगल करें

तालीमी दस्तावेज़:कैसे क्लास जोड़ें

संदर्भ पुस्तिका:HTML DOM Element classList अभिगमण

संदर्भ पुस्तिका:HTML DOM Element className अभिगमण