एचटीएमएल डोम getElementsByClassName () विधि
तत्व वस्तुउदाहरण
वर्ग = "उदाहरण" वाली सूची में वर्ग = "बच्चे" (अनुक्रमणिका 0) के साथ पहली सूची आइटम का टेक्स्ट बदलें:
var list = document.getElementsByClassName("example")[0];
list.getElementsByClassName("child")[0].innerHTML = "Milk";
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
getElementsByClassName () विधि निर्दिष्ट वर्ग नाम के साथ एक नोडलिस्ट ऑब्जेक्ट के रूप में तत्व के बाल तत्वों का संग्रह लौटाती है।
NodeList ऑब्जेक्ट नोड्स के संग्रह का प्रतिनिधित्व करता है। नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
युक्ति: आप निर्दिष्ट वर्ग नाम के साथ चाइल्ड नोड्स की संख्या निर्धारित करने के लिए नोडलिस्ट ऑब्जेक्ट की लंबाई संपत्ति का उपयोग कर सकते हैं, फिर आप सभी नोड्स के माध्यम से लूप कर सकते हैं और अपनी इच्छित जानकारी निकाल सकते हैं।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
getElementsByClassName() | 4.0 | 9.0 | 3.0 | 3.1 | 9.5 |
वाक्य - विन्यास
element.getElementsByClassName(classname)
पैरामीटर मान
Parameter | Type | Description |
---|---|---|
classname | String | Required. The class name of the child elements you want to get. To search for multiple class names, separate them with spaces, like "child color". |
टेक्निकल डिटेल
डोम संस्करण: | कोर स्तर 1 तत्व वस्तु |
---|---|
प्रतिलाभ की मात्रा: | एक नोडलिस्ट ऑब्जेक्ट, निर्दिष्ट वर्ग नाम के साथ तत्वों के बाल तत्वों के संग्रह का प्रतिनिधित्व करता है। लौटाए गए संग्रह में तत्वों को सॉर्ट किया जाता है क्योंकि वे स्रोत कोड में दिखाई देते हैं। |
और ज्यादा उदाहरण
उदाहरण
<div> तत्व के अंदर वर्ग = "चाइल्ड" के साथ दूसरे तत्व की पृष्ठभूमि का रंग बदलें:
var x =
document.getElementById("myDIV");
x.getElementsByClassName("child")[1].style.backgroundColor = "red";
उदाहरण
पता लगाएं कि कितने तत्व वर्ग = "बच्चे" के अंदर <div> तत्व के अंदर हैं (नोडलिस्ट ऑब्जेक्ट की लंबाई संपत्ति का उपयोग करके):
var x =
document.getElementById("myDIV").getElementsByClassName("child").length;
उदाहरण
वर्ग = "उदाहरण" वाले तत्व के अंदर "बच्चे" और "रंग" वर्ग दोनों के साथ पहले तत्व की पृष्ठभूमि का रंग बदलें:
var x = document.getElementsByClassName("example")[1];
x.getElementsByClassName("child color")[0].style.backgroundColor = "red";
उदाहरण
<div> तत्व के अंदर वर्ग = "चाइल्ड" वाले सभी तत्वों की पृष्ठभूमि का रंग बदलें:
var x = document.getElementById("myDIV");
var y = x.getElementsByClassName("child");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
संबंधित पृष्ठ
सीएसएस ट्यूटोरियल: सीएसएस सिंटेक्स
सीएसएस संदर्भ: सीएसएस .वर्ग चयनकर्ता
एचटीएमएल डोम संदर्भ: document.getElementsByClassName()
एचटीएमएल डोम संदर्भ: क्लासनाम संपत्ति
एचटीएमएल डोम संदर्भ: क्लासलिस्ट संपत्ति
एचटीएमएल डोम संदर्भ: एचटीएमएल डोम स्टाइल ऑब्जेक्ट
तत्व वस्तु