कैसे करें - कक्षा टॉगल करें
जावास्क्रिप्ट के साथ किसी तत्व से कक्षा का नाम जोड़ने और हटाने के बीच टॉगल करें।
कक्षा का नाम टॉगल करने के लिए बटन पर क्लिक करें!
टॉगल क्लास
चरण 1) HTML जोड़ें:
id="myDIV" के साथ div एलिमेंट में क्लास का नाम जोड़ने के बीच टॉगल करें (इस उदाहरण में हम क्लास के नाम को टॉगल करने के लिए एक बटन का उपयोग करते हैं)।
उदाहरण
<button onclick="myFunction()">Try it</button>
<div id="myDIV">
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.toggle("mystyle");
}
युक्ति: यह भी देखें कि कक्षा कैसे जोड़ें ।
युक्ति: यह भी देखें कि किसी वर्ग को कैसे हटाया जाए ।
युक्ति: हमारे जावास्क्रिप्ट संदर्भ में क्लासलिस्ट प्रॉपर्टी के बारे में और जानें ।