एचटीएमएल डोम getElementsByTagName() विधि
तत्व वस्तुउदाहरण
किसी सूची में पहले <li> तत्व (इंडेक्स 0) की HTML सामग्री बदलें:
var list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("LI")[0].innerHTML = "Milk";
परिभाषा और उपयोग
getElementsByTagName () विधि निर्दिष्ट टैग नाम के साथ तत्वों के बाल तत्वों का संग्रह नोडलिस्ट ऑब्जेक्ट के रूप में देता है।
NodeList ऑब्जेक्ट नोड्स के संग्रह का प्रतिनिधित्व करता है। नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
युक्ति: आप निर्दिष्ट टैग नाम के साथ चाइल्ड नोड्स की संख्या निर्धारित करने के लिए नोडलिस्ट ऑब्जेक्ट की लंबाई संपत्ति का उपयोग कर सकते हैं, फिर आप सभी नोड्स के माध्यम से लूप कर सकते हैं और अपनी इच्छित जानकारी निकाल सकते हैं।
युक्ति: पैरामीटर मान "*" तत्व के सभी बाल तत्वों को लौटाता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
getElementsByTagName() | 1.0 | 6.0 | 3.0 | 3.0 | 9.5 |
वाक्य - विन्यास
element.getElementsByTagName(tagname)
पैरामीटर मान
Parameter | Type | Description |
---|---|---|
tagname | String | Required. The tagname of the child elements you want to get |
टेक्निकल डिटेल
डोम संस्करण | कोर स्तर 1 तत्व वस्तु |
---|---|
प्रतिलाभ की मात्रा: | एक नोडलिस्ट ऑब्जेक्ट, निर्दिष्ट टैगनाम के साथ तत्व के बाल तत्वों के संग्रह का प्रतिनिधित्व करता है। लौटाए गए संग्रह में तत्वों को सॉर्ट किया जाता है क्योंकि वे स्रोत कोड में दिखाई देते हैं। |
और ज्यादा उदाहरण
उदाहरण
पता लगाएं कि <div> तत्व के अंदर कितने <p> तत्व हैं (NodeList ऑब्जेक्ट की लंबाई संपत्ति का उपयोग करके):
var x =
document.getElementById("myDIV").getElementsByTagName("P").length;
उदाहरण
एक <div> तत्व के अंदर दूसरे <p> तत्व (इंडेक्स 1) की पृष्ठभूमि का रंग बदलें:
var x =
document.getElementById("myDIV");
x.getElementsByTagName("P")[1].style.backgroundColor = "red";
उदाहरण
एक <div> तत्व के अंदर सभी <p> तत्वों की पृष्ठभूमि का रंग बदलें:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("P");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
उदाहरण
एक <div> तत्व के अंदर चौथे तत्व (सूचकांक 3) की पृष्ठभूमि का रंग बदलें:
var x = document.getElementById("myDIV");
x.getElementsByTagName("*")[3].style.backgroundColor = "red";
उदाहरण
"*" पैरामीटर का उपयोग करना।
<div> तत्व के अंदर सभी तत्वों की पृष्ठभूमि का रंग बदलें:
var x = document.getElementById("myDIV");
var y = x.getElementsByTagName("*");
var i;
for (i = 0; i < y.length; i++) {
y[i].style.backgroundColor = "red";
}
संबंधित पृष्ठ
जावास्क्रिप्ट संदर्भ: document.getElementsByTagName()
जावास्क्रिप्ट ट्यूटोरियल: जावास्क्रिप्ट एचटीएमएल डोम नोड सूची
तत्व वस्तु