एचटीएमएल डोम दस्तावेज़ getElementsByTagName ()
उदाहरण
टैग नाम "ली" के साथ सभी तत्व प्राप्त करें:
const collection = document.getElementsByTagName("li");
दस्तावेज़ में सभी तत्व प्राप्त करें:
const collection = document.getElementsByTagName("*");
दस्तावेज़ में पहले <p> तत्व का आंतरिक HTML बदलें:
document.getElementsByTagName("p")[0].innerHTML = "Hello World!";
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
विधि एक निर्दिष्ट टैग नाम के साथ सभी तत्वों का getElementsByTagName()
संग्रह लौटाती है।
getElementsByTagName()
विधि एक HTMLCollection देता है ।
getElementsByTagName()
संपत्ति केवल पढ़ने के लिए है ।
ध्यान दें
getElementsByTagName("*")
दस्तावेज़ में सभी तत्व लौटाता है।
HTMLसंग्रह
एक HTMLCollection HTML नोड्स का एक संग्रह है।
संग्रह में नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
लंबाई संपत्ति संग्रह में तत्वों की संख्या लौटाती है।
यह सभी देखें:
दस्तावेज़ getElementById () विधि
दस्तावेज़ getElementsByClassName () विधि
दस्तावेज़ क्वेरी चयनकर्ता () विधि
वाक्य - विन्यास
document.getElementsByTagName(tagname)
मापदंडों
Parameter | Description |
tagname | Required. The tagname of the elements. |
प्रतिलाभ की मात्रा
प्रकार | विवरण |
वस्तु | एक HTMLCollection वस्तु। निर्दिष्ट टैग नाम वाले तत्वों का संग्रह। तत्वों को सॉर्ट किया जाता है जैसे वे दस्तावेज़ में दिखाई देते हैं। |
और ज्यादा उदाहरण
दस्तावेज़ में <li> तत्वों की संख्या:
let numb = document.getElementsByTagName("li").length;
सभी <p> तत्वों की पृष्ठभूमि का रंग बदलें:
const collection = document.getElementsByTagName("P");
for (let i = 0; i < collection.length; i++) {
collection[i].style.backgroundColor = "red";
}
संबंधित पृष्ठ
जावास्क्रिप्ट संदर्भ: तत्व .getElementsByTagName ()
जावास्क्रिप्ट ट्यूटोरियल: जावास्क्रिप्ट एचटीएमएल डोम नोड सूची
ब्राउज़र समर्थन
document.getElementsByTagName()
एक डोम लेवल 1 (1998) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |