जावास्क्रिप्ट एच टीएमएल डोम संग्रह
HTMLCollection ऑब्जेक्ट
getElementsByTagName()विधि एक HTMLCollectionवस्तु लौटाती है ।
एक HTMLCollectionवस्तु HTML तत्वों की एक सरणी जैसी सूची (संग्रह) है।
निम्नलिखित कोड <p>एक दस्तावेज़ में सभी तत्वों का चयन करता है:
उदाहरण
const myCollection = document.getElementsByTagName("p");
संग्रह में तत्वों को एक सूचकांक संख्या द्वारा पहुँचा जा सकता है।
दूसरे <p> तत्व तक पहुँचने के लिए आप लिख सकते हैं:
myCollection[1]
नोट: सूचकांक 0 से शुरू होता है।
HTML HTMLसंग्रह लंबाई
lengthसंपत्ति तत्वों की संख्या को परिभाषित करती है HTMLCollection:
उदाहरण
myCollection.length
जब आप संग्रह में तत्वों के lengthमाध्यम से लूप करना चाहते हैं तो संपत्ति उपयोगी होती है:
उदाहरण
सभी <p> तत्वों के टेक्स्ट का रंग बदलें:
const myCollection = document.getElementsByTagName("p");
for (let i = 0; i < myCollection.length; i++) {
myCollection[i].style.color = "red";
}
एक HTMLCollection एक सरणी नहीं है!
एक HTMLCollection एक सरणी की तरह लग सकता है, लेकिन ऐसा नहीं है।
आप सूची के माध्यम से लूप कर सकते हैं और तत्वों को एक संख्या के साथ संदर्भित कर सकते हैं (बस एक सरणी की तरह)।
हालांकि, आप HTMLCollection पर valueOf(), pop(), push(), या join() जैसी सरणी विधियों का उपयोग नहीं कर सकते हैं।