जावास्क्रिप्ट एचटीएमएल डोम नोड सूचियां
एचटीएमएल डोम नोडलिस्ट ऑब्जेक्ट
ऑब्जेक्ट एक NodeList
दस्तावेज़ से निकाले गए नोड्स की एक सूची (संग्रह) है।
एक NodeList
वस्तु लगभग एक वस्तु के समान ही HTMLCollection
होती है।
कुछ (पुराने) ब्राउज़र HTMLCollection के बजाय NodeList ऑब्जेक्ट को getElementsByClassName()
.
सभी ब्राउज़र संपत्ति के लिए एक NodeList वस्तु लौटाते हैं childNodes
।
अधिकांश ब्राउज़र विधि के लिए एक NodeList ऑब्जेक्ट लौटाते हैं querySelectorAll()
।
निम्नलिखित कोड <p>
एक दस्तावेज़ में सभी नोड्स का चयन करता है:
उदाहरण
const myNodeList = document.querySelectorAll("p");
NodeList के तत्वों को एक इंडेक्स नंबर द्वारा एक्सेस किया जा सकता है।
दूसरे <p> नोड तक पहुँचने के लिए आप लिख सकते हैं:
myNodeList[1]
नोट: सूचकांक 0 से शुरू होता है।
HTML डोम नोड सूची की लंबाई
length
संपत्ति नोड सूची में नोड्स की संख्या को परिभाषित करती है :
उदाहरण
myNodelist.length
length
जब आप नोड सूची में नोड्स के माध्यम से लूप करना चाहते हैं तो संपत्ति उपयोगी होती है :
उदाहरण
नोड सूची में सभी <p> तत्वों का रंग बदलें:
const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
myNodelist[i].style.color = "red";
}
HTMLCollection और NodeList के बीच अंतर
एक HTMLCollection
(पिछला अध्याय) HTML तत्वों का एक संग्रह है।
A NodeList
दस्तावेज़ नोड्स का एक संग्रह है।
एक NodeList और एक HTML संग्रह बहुत समान है।
HTMLCollection ऑब्जेक्ट और NodeList ऑब्जेक्ट दोनों ही ऑब्जेक्ट्स की एक सरणी जैसी सूची (संग्रह) है।
दोनों के पास सूची (संग्रह) में वस्तुओं की संख्या को परिभाषित करने वाली एक लंबी संपत्ति है।
दोनों प्रत्येक आइटम को एक सरणी की तरह एक्सेस करने के लिए एक इंडेक्स (0, 1, 2, 3, 4, ...) प्रदान करते हैं।
HTMLCollection आइटम को उनके नाम, आईडी या इंडेक्स नंबर से एक्सेस किया जा सकता है।
NodeList आइटम को केवल उनके इंडेक्स नंबर से ही एक्सेस किया जा सकता है।
केवल NodeList ऑब्जेक्ट में विशेषता नोड्स और टेक्स्ट नोड्स हो सकते हैं।
एक नोड सूची एक सरणी नहीं है!
एक नोड सूची एक सरणी की तरह दिख सकती है, लेकिन ऐसा नहीं है।
आप नोड सूची के माध्यम से लूप कर सकते हैं और इसके नोड्स को एक सरणी की तरह संदर्भित कर सकते हैं।
हालाँकि, आप किसी नोड सूची में Array मेथड्स, जैसे valueOf (), पुश (), पॉप (), या ज्वाइन () का उपयोग नहीं कर सकते।