कैसे करें - एक कक्षा निकालें
जावास्क्रिप्ट के साथ किसी तत्व से कक्षा का नाम निकालने का तरीका जानें।
मुझ से एक वर्ग को हटाने के लिए बटन पर क्लिक करें!
कक्षा हटाएं
चरण 1) HTML जोड़ें:
इस उदाहरण में, हम id="myDIV" के साथ <div> तत्व से "mystyle" वर्ग को हटाने के लिए एक बटन का उपयोग करेंगे:
उदाहरण
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
चरण 2) सीएसएस जोड़ें:
निर्दिष्ट वर्ग नाम को स्टाइल करें:
उदाहरण
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
चरण 3) जावास्क्रिप्ट जोड़ें:
आईडी = "myDIV" के साथ <div> तत्व प्राप्त करें और इसमें से "mystyle" वर्ग को हटा दें:
उदाहरण
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
युक्ति: यह भी देखें कि किसी कक्षा को कैसे टॉगल करें ।
युक्ति: यह भी देखें कि कक्षा कैसे जोड़ें ।
युक्ति: हमारे जावास्क्रिप्ट संदर्भ में क्लासलिस्ट प्रॉपर्टी के बारे में और जानें ।
युक्ति: हमारे जावास्क्रिप्ट संदर्भ में क्लासनाम प्रॉपर्टी के बारे में और जानें ।