जावास्क्रिप्ट हार्ड डॉम सेट

HTMLCollection ऑब्जैक्ट

getElementsByTagName() विधि वापस देती है HTMLCollection ऑब्जैक्ट。

HTMLCollection ऑब्जैक्ट एक क्लास-शैली एलिमेंट लिस्ट (सेट) है।

नीचे के कोड सभी <p> एलिमेंट चुनता है:

इंस्टांस

var x = document.getElementsByTagName("p");

इस सेट में एलिमेंटों को इंडेक्स नंबर से पहुंचा जा सकता है。

दूसरे <p> एलिमेंट को पहुंचने के लिए आप इस तरह लिख सकते हैं:

y = x[1];

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

टिप्पणी:इंडेक्स 0 से शुरू होता है。

HTML HTMLCollection लंबाई

length HTMLCollection में एलिमेंटों की संख्या को परिभाषित करता है:

इंस्टांस

var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length;

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

इंस्टांस व्याख्या:

  • सभी <p> एलीमेंट के संग्रह को बनाएं
  • संग्रह की लंबाई दिखाता है

length गुण आपको जब आपको संग्रह के एलीमेंटों को घूमना हो तब उपयोगी हैं:

इंस्टांस

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

var myCollection = document.getElementsByTagName("p");
var i;
for (i = 0; i < myCollection.length; i++) {
    myCollection[i].style.backgroundColor = "red";
}

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

HTMLकलेक्शन ब्रह्मांड नहीं है!

HTMLकलेक्शन ब्रह्मांड लगता है, लेकिन ब्रह्मांड नहीं है।

आप सूची को घूम सकते हैं और नंबर की संदर्भिता से एलीमेंटों को चुन सकते हैं (ब्रह्मांड की तरह)।

वैसे ही, आप एचटीएमएलकलेक्शन पर ब्रह्मांड विधियों का उपयोग नहीं कर सकते, जैसे valueOf()、pop()、push() या join()।