क्लास जोड़ना कैसे?
- पिछला पृष्ठ टूलसुविधा वर्ग
- अगला पृष्ठ हटानेवाला वर्ग
जेसक्रिप्ट के द्वारा क्लास जोड़ने के लिए सीखें
बटन क्लिक करके मुझे क्लास जोड़ें!
क्लास जोड़ें
पहला चरण - एचटीएमएल जोड़ें
क्लास जोड़ें id="myDIV"
के डीवी एलीमेंट (इस उदाहरण में, हम बटन को उपयोग करते हैं) को क्लास जोड़ें
<button onclick="myFunction()">सामने प्रयोग करें</button> <div id="myDIV"> यह एक डीवी एलीमेंट है. </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.add("mystyle"); }
संबंधित पृष्ठ
शिक्षण सामग्रीःकैसे करें: वर्ग को टॉगल करें
शिक्षण सामग्रीःकैसे करें: वर्ग को मिटाएं
संदर्भ मानचित्रःHTML DOM Element classList गुण
संदर्भ मानचित्रःHTML DOM Element className गुण
- पिछला पृष्ठ टूलसुविधा वर्ग
- अगला पृष्ठ हटानेवाला वर्ग