क्लास कैसे टॉगल करें
- संदर्भ निर्देशिका: पिछला पृष्ठ
- पाठ टेक्स्ट टॉगल अगला पृष्ठ
एलीमेंट में क्लास जोड़ने और हटाने के बीच टॉगल करने के लिए जेसक्रिप्ट उपयोग करें。
बटन क्लिक करके क्लास नाम टॉगल करें!
क्लास टॉगल करें
पहला कदम - एचटीएमएल जोड़ें:
क्लास नाम जोड़ने में id="myDIV"
डिव एलीमेंट के बीच टॉगल करें (इस उदाहरण में, हम बटन के द्वारा क्लास नाम टॉगल करते हैं).
<button onclick="myFunction()">प्रयोग कीजिए</button> <div id="myDIV"> यह एक DIV एलीमेंट है. </div>
दूसरा कदम - सीएसएस जोड़ें:
एक क्लास नाम जोड़ेकर टॉगल करें:
.mystyle { width: 100%; padding: 25px; background-color: coral; color: white; font-size: 25px; }
तीसरा कदम - जेसक्रिप्ट जोड़ें:
अभीति करें id="myDIV"
के <div> एलीमेंट को, और "mystyle"
क्लास के बीच टॉगल:
function myFunction() { var element = document.getElementById("myDIV"); element.classList.toggle("mystyle"); }
संबंधित पृष्ठ
तत्वशास्त्र:कैसे करें: क्लास जोड़ना
तत्वशास्त्र:कैसे करें: क्लास हटाना
संदर्भ निर्देशिका:HTML DOM Element classList अधिरेखा
- संदर्भ निर्देशिका: पिछला पृष्ठ
- पाठ टेक्स्ट टॉगल अगला पृष्ठ