HTML DOM Element getElementsByTagName() विधि

परिभाषा और उपयोग

getElementsByTagName() विधि निर्दिष्ट टैग नाम के उप-एलीमेंट के समूह को NodeList ऑब्जैक्ट के रूप में वापस करती है。

सूचना:पारामीटर मूल्य "*" एलीमेंट के सभी उप-एलीमेंट को वापस करें。

अन्य देखें:

getElementsByClassName() विधि

querySelector() विधि

querySelectorAll() विधि

NodeList

NodeList यह अनुरूप सूची (सूची) के नोड का समूह है。

आप नोड को सूची में इंडेक्स (इंडेक्स) के द्वारा पहुँच सकते हैं। इंडेक्स 0 से शुरू होता है。

length एट्रिब्यूटसूची में नोड की संख्या वापस करें。

उदाहरण

उदाहरण 1

सूची में पहले <li> एलीमेंट के HTML सामग्री को बदलें:

const list = document.getElementsByTagName("UL")[0];
list.getElementsByTagName("li")[0].innerHTML = "Milk";

स्वयं प्रयोग कीजिए

उदाहरण 2

"myDIV" में <p> एलीमेंट की संख्या:

const element = document.getElementById("myDIV");
const nodes = element.getElementsByTagName("p");
let numb = nodes.length;

स्वयं प्रयोग कीजिए

उदाहरण 3

"myDIV" में दूसरे <p> एलीमेंट का फ़ॉन्ट साइज़ बदलें:

const element = document.getElementById("myDIV");
element.getElementsByTagName("p")[1].style.fontSize = "24px";

स्वयं प्रयोग कीजिए

उदाहरण 4

"myDIV" में सभी <p> एलीमेंट का पृष्ठभूमि रंग बदलें:

const div = document.getElementById("myDIV");
const nodes = x.getElementsByTagName("P");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

स्वयं प्रयोग कीजिए

उदाहरण 5

"myDIV" में चौथे एलीमेंट (इंडेक्स 3) का पृष्ठभूमि रंग बदलें:

const div = document.getElementById("myDIV");
div.getElementsByTagName("*")[3].style.backgroundColor = "red";

स्वयं प्रयोग कीजिए

उदाहरण 6

इस "*" पारामीटर का उपयोग करके, "myDIV" में सभी तत्व के पृष्ठभूमि रंग को बदलें:

const div = document.getElementById("myDIV");
const nodes = div.getElementsByTagName("*");
for (let i = 0; i < nodes.length; i++) {
  nodes[i].style.backgroundColor = "red";
}

स्वयं प्रयोग कीजिए

व्याकरण

element.getElementsByTagName(tagname)

पारामीटर

पारामीटर वर्णन
tagname आवश्यक। सबसबसे नाम का टैग

वापसी वाली विधि

प्रकार वर्णन
NodeList

दिया गया टैग नाम के तत्व के सबसबसे नाम

तत्व उनके दस्तावेज़ में दिखाई देने की क्रमिक अनुक्रम के अनुसार जगह देती है।

तकनीकी विवरण

getElementsByTagName() विधि निर्दिष्ट तत्व के वंशज नोडों को घूमाएगी, एक तत्वों के नोड की संख्या वाली एलिमेंट नोड की सूची (वास्तव में NodeList वस्तु) को वापस देगी, जो सभी निर्दिष्ट टैग नाम के दस्तावेज़ तत्वों को प्रतिनिधित्व करती है। वापस दी गई एलिमेंट नोड की संख्या में तत्व उनके दस्तावेज़ स्रोत को मेल खाते हैं।

ध्यान दें

डॉक्युमेंट इंटरफेसभी निर्धारित करती है getElementsByTagName() विधिइसकी तरह है, लेकिन पूरे दस्तावेज़ को घूमता है, न कि किसी तत्व के वंशज नोडों को घूमता है।

इस विधि को मिलाने में नहीं लें HTMLDocument.getElementsByName() विधि उल्लेखनीय, दूसरा तथ्य इलाके के name अधिकारिता के आधार पर तत्वों को ढूंढता है, न कि उनके टैग नाम के आधार पर ढूंढता है।

ब्राउज़र समर्थन

सभी ब्राउज़र समर्थन करते हैं element.getElementsByTagName()दश्यम्बर

च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
च्रोम आईई एज फायरफॉक्स सफारी ओपेरा
समर्थन समर्थन समर्थन समर्थन समर्थन समर्थन