HTML DOM Document getElementsByTagName() विधि

वर्णन और उपयोग

getElementsByTagName() विधि वापस करती है निर्दिष्ट टैग नाम वाले सभी एलीमेंटों के संग्रह को।

getElementsByTagName() विधि वापस करती है HTMLCollection

getElementsByTagName() इस गुण को केवल पढ़ने के लिए है।

टिप्पणी:getElementsByTagName("*") दस्तावेज़ में सभी एलीमेंटों को वापस करती है।

HTMLCollection

HTMLCollection एचटीएमएल एलीमेंटों के समान रूपसे संख्याकालीन संग्रह (सूची) है।

संग्रह के एलीमेंटों को निर्देशक से अभिगम कर सकते हैं (0 से शुरू होकर)।

length प्रयोग वापसी एलीमेंटों की संख्या को वापस करती है।

अन्य संदर्भ:

getElementById() विधि

getElementsByClassName() विधि

querySelector() विधि

querySelectorAll() विधि

HTMLCollection ऑब्जेक्ट

उदाहरण

उदाहरण 1

लेबल नाम "li" वाले सभी एलीमेंटों को प्राप्त करें:

const collection = document.getElementsByTagName("li");

अपने आप प्रयास करें

उदाहरण 2

दस्तावेज़ में सभी एलीमेंटों को प्राप्त करें:

const collection = document.getElementsByTagName("*");

अपने आप प्रयास करें

उदाहरण 3

दस्तावेज़ में पहले <p> एलीमेंट के अंतर्निहित HTML को परिवर्तित करें:

document.getElementsByTagName("p")[0].innerHTML = "Hello World!";

अपने आप प्रयास करें

उदाहरण 4

दस्तावेज़ में <li> एलीमेंटों की संख्या:

let numb = document.getElementsByTagName("li").length;

अपने आप प्रयास करें

उदाहरण 5

सभी <p> एलीमेंटों के पृष्ठभूमि रंग को परिवर्तित करें:

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

अपने आप प्रयास करें

व्याकरण

document.getElementsByTagName(tagName)

पारामीटर

पारामीटर वर्णन
tagName अनिवार्य। एलिमेंट का टैग नाम

वापसी मूल्य

प्रकार वर्णन
ऑब्जैक्ट

HTMLCollection ऑब्जैक्ट

इस नाम के टैग नाम के एलिमेंट का समूह

एलिमेंट के दस्तावेज में दिखाई देने की क्रमिक गति के अनुसार गठित किया जाता है।

तकनीकी विवरण

यह विधि NodeList ऑब्जैक्ट वापस देती है (जिसे रीड-ऑनलाइन एक्सेसेबल एक्सेस बदले में व्यवहार किया जा सकता है), जो दस्तावेज में नाम के आधार पर सभी Element नोड को संग्रह करती है, जोकि उनकी क्रमिक गति उसी तरह है जैसे कि उनका स्रोत दस्तावेज में दिखाई देती है।

NodeList ऑब्जैक्ट 'लाइव' है, अर्थात अगर दस्तावेज में नाम के आधार पर टैग नाम के एलिमेंट जोड़े या हटाए जाते हैं, तो इसकी सामग्री स्वचालित रूप से आवश्यक अद्यतन करती है।

HTML दस्तावेज आक्षरण अलग नहीं करता, इसलिए किसी भी आक्षरण में नाम निर्दिष्ट किया जा सकता है tagNameइसके द्वारा दस्तावेज में सभी समान नाम के टैगों के साथ मेल खाता है, चाहे वे स्रोत दस्तावेज में किस आक्षरण में हों। लेकिन XML दस्तावेज को आक्षरण अलग करता है,tagName केवल अपने स्रोत दस्तावेज में नाम और आक्षरण में पूरी तरह से समान टैगों के साथ जुड़ता है।

सूचना:Element इंटरफेस एक अभीतः वाली विधि परिभाषित करता है, जो केवल दस्तावेज के उपशाखा को खोजता है। इसके अलावा HTMLDocument इंटरफेस एक अभीतः वाली विधि परिभाषित करता है, getElementByName() विधियह name गुण के मूल्य पर आधारित है (लेकिन टैग नाम नहीं है) एलिमेंट खोजता है।

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

document.getElementsByTagName() यह डॉम लेवल 1 (1998) विशेषता है।

सभी ब्राउज़र सहारा देते हैं:

च्रोम आईई एज फायरफॉक्स सैफारी ऑपेरा
च्रोम आईई एज फायरफॉक्स सैफारी ऑपेरा
समर्थन 9-11 समर्थन समर्थन समर्थन समर्थन

संबंधित पृष्ठ

JavaScript संदर्भ दस्तावेज:element.getElementsByTagName()

JavaScript शिक्षा:JavaScript HTML DOM नोड लिस्ट