क्लास हटाने के तरीका
- पिछला पृष्ठ वर्ग जोड़ें
- अगला पृष्ठ परिवर्तन वर्ग
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 अभिगमण
- पिछला पृष्ठ वर्ग जोड़ें
- अगला पृष्ठ परिवर्तन वर्ग