एचटीएमएल डोम तत्व वर्गनाम
तत्व वस्तुउदाहरण
किसी तत्व के लिए वर्ग विशेषता सेट करें:
element.className = "myStyle";
"MyDIV" की वर्ग विशेषता प्राप्त करें:
let value = document.getElementById("myDIV").className;
दो वर्ग नामों के बीच टॉगल करें:
if (element.className == "myStyle") {
element.className = "newStyle";
} else {
element.className = "myStyle";
}
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
className
गुण किसी तत्व की वर्ग विशेषता को सेट या लौटाता है ।
यह सभी देखें:
वाक्य - विन्यास
क्लासनाम संपत्ति लौटाएं:
HTMLElementObject.className
क्लासनाम संपत्ति सेट करें:
HTMLElementObject.className = class
सम्पत्ति की कीमत
Value | Description |
class |
The class name(s) of an element. Separate multiple classes with spaces, like "test demo". |
प्रतिलाभ की मात्रा
Type | Description |
String | The class, or a space-separated list of classes, of an element |
और ज्यादा उदाहरण
पहले <div> तत्व (यदि कोई हो) की वर्ग विशेषता प्राप्त करें:
let value = document.getElementsByTagName("div")[0].className;
कई वर्गों के साथ एक वर्ग विशेषता प्राप्त करें:
<div id="myDIV" class="myStyle test example">
<p>I am myDIV.</p>
</div>
let value = document.getElementById("myDIV").className;
एक मौजूदा वर्ग विशेषता को एक नए के साथ अधिलेखित करें:
element.className = "newClassName";
नए वर्ग जोड़ने के लिए, मौजूदा मानों को अधिलेखित किए बिना, एक स्थान और नई कक्षाएं जोड़ें:
element.className += " class1 class2";
यदि "myDIV" में "myStyle" वर्ग है, तो फ़ॉन्ट आकार बदलें:
const elem = document.getElementById("myDIV");
if (elem.className == "mystyle") {
elem.style.fontSize = "30px";
}
यदि आप इस पृष्ठ के शीर्ष से 50 पिक्सेल स्क्रॉल करते हैं, तो "परीक्षण" वर्ग जोड़ा जाता है:
window.onscroll = function() {myFunction()};
function myFunction() {
if (document.body.scrollTop > 50) {
document.getElementById("myP").className = "test";
} else {
document.getElementById("myP").className = "";
}
}
ब्राउज़र समर्थन
element.className
सभी ब्राउज़रों में समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |
तत्व वस्तु