HTML DOM NodeList संदर्भ दस्तावेज़

NodeList

NodeList नोड ऑब्जैक्ट के समान सूची (लिस्ट) के संग्रह है (समूह)。

NodeList में नोडों को इंडेक्स से पहुँचा जा सकता है (0 से शुरू होता है)。

length गुणNodeList में नोड संख्या वापस करें।

NodeList vs. HTMLCollection

NodeList और HTMLCollection बहुत कम अलग है।

पृष्ठ के नीचे के वर्णन को देखें।

कौन NodeList वापस करता है?

childNodes गुण

querySelectorAll() विधि

getElementsByName() विधि

गुण और विधियां

NodeList पर निम्नलिखित गुण और विधियों का उपयोग किया जा सकता है:

नाम वर्णन
entries() सूची से बढ़ते हुए इटरेटर वापस करें जो की गुण/मान के साथ है।
forEach() सूची में हर नोड पर कॉलबैक फ़ंक्शन चलाएं।
सूची में पूर्व-स्थिति वापस करें। item()
सूची में की गई की इटरेटर वापस करें। keys()
length NodeList में नोड संख्या वापस करें।
values() सूची में की गई मांग के अनुसार इटरेटर वापस करें।

इंस्टांस

दस्तावेज़ में सभी चुने हुए <p> नोड:

const myNodeList = document.querySelectorAll("p");

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

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

myNodeList[1]

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

ध्यान:इंडेक्स 0 से शुरू होता है。

HTML DOM Node List Length

length गुण नोड लिस्ट में नोडों की संख्या निर्धारित करता है:

उदाहरण 1

myNodelist.length

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

जब आप नोड लिस्ट में कोई नोड चलाना चाहते हैं,length गुण बहुत उपयोगी है:

उदाहरण 2

सभी <p> एलीमेंट का रंग बदलें:

const myNodelist = document.querySelectorAll("p");
for (let i = 0; i < myNodelist.length; i++) {
  myNodelist[i].style.color = "red";
}

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

नहीं एक एलीमेंट

NodeList नहीं है एक एलीमेंट!

NodeList एक एलीमेंट लगता है, लेकिन वास्तव में यह नहीं है।

आप NodeList को घूम सकते हैं और उनके नोड को सूचकांक से संदर्भित कर सकते हैं।

लेकिन आप NodeList पर Array तरीकों का उपयोग नहीं कर सकते, जैसे push()、pop() या join()।

HTMLCollection और NodeList के अंतर

NodeList से HTMLcollection बहुत अधिक भिन्न

दोनों दस्तावेज से निकाले गए नोड (एलीमेंट) के समान अनुक्रमित संग्रह (सूची) की रूपरेखा हैं। नोड को सूचकांक से अभिगमित किया जा सकता है। सूचकांक 0 से शुरू होता है।

दोनों हैं length गुणजो लिस्ट (संग्रह) में एलीमेंट की संख्या वापस करता है।

HTMLCollection एक हैदस्तावेज एलीमेंटका।

NodeList एक संग्रह हैदस्तावेज नोड（एलीमेंट नोड, गुण नोड और टेक्स्ट नोड）का संग्रह।

HTMLCollection प्रोजेक्ट को उनके नाम, id या सूचकांक से अभिगमित किए जा सकते हैं。

NodeList एलीमेंट केवल उनके सूचकांक से अभिगमित किए जा सकते हैं。

HTMLCollection हमेशा एक संग्रह हैवास्तविकसंग्रह। उदाहरण के लिए: यदि <li> एलीमेंट को DOM में सूची में जोड़ा जाता है, तो HTMLCollection में सूची भी बदलेगी।

NodeList आमतौर पर एक संग्रह हैस्थिरसंग्रह। उदाहरण के लिए: यदि <li> एलीमेंट को DOM में सूची में जोड़ा जाता है, तो NodeList में सूची बदलेगी नहीं।

getElementsByClassName() और getElementsByTagName() तरीका वास्तविक HTMLCollection वापस करता है。

querySelectorAll() तरीका स्थिर NodeList वापस करता है。

childNodes गुण वास्तविक NodeList वापस करता है。

वास्तविक नोड लिस्ट

कुछ हल्कों में, NodeList वास्तविक हैवास्तविकदृष्टि: DOM में किए गए परिवर्तन NodeList को अद्यतन करेंगे।

childNodes तरीका वास्तविक NodeList वापस करता है。