कैसे करें - एक कक्षा जोड़ें
जावास्क्रिप्ट के साथ किसी तत्व में कक्षा का नाम जोड़ने का तरीका जानें।
मुझमें कक्षा जोड़ने के लिए बटन पर क्लिक करें!
कक्षा जोड़ें
चरण 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.add("mystyle");
}
युक्ति: यह भी देखें कि किसी कक्षा को कैसे टॉगल करें ।
युक्ति: यह भी देखें कि किसी वर्ग को कैसे हटाया जाए ।
युक्ति: हमारे जावास्क्रिप्ट संदर्भ में क्लासलिस्ट प्रॉपर्टी के बारे में और जानें ।
युक्ति: हमारे जावास्क्रिप्ट संदर्भ में क्लासनाम प्रॉपर्टी के बारे में और जानें ।