HTML DOM एलिमेंट चाइल्डनोड्स
तत्व वस्तुउदाहरण
<body> तत्व का चाइल्ड नोड प्राप्त करें:
const nodeList = document.body.childNodes;
नीचे और अधिक उदाहरण।
परिभाषा और उपयोग
childNodes
संपत्ति तत्वों के बच्चे नोड्स का संग्रह (सूची) देता है ।
childNodes
संपत्ति एक NodeList वस्तु देता है ।
childNodes
संपत्ति केवल पढ़ने के लिए है ।
ध्यान दें
तत्वों के अंदर व्हाइटस्पेस को टेक्स्ट नोड्स के रूप में माना जाता है।
टिप्पणियों को नोड्स के रूप में भी माना जाता है।
childNodes[0]
के समान है firstChild
।
एक अंतर
संपत्ति टेक्स्ट नोड्स और टिप्पणी नोड्स सहित childNodes
सभी बच्चे नोड्स लौटाती है , जबकि children
संपत्ति केवल बाल तत्व लौटाती है ।
यह सभी देखें:
नोड सूची
एक नोडलिस्ट नोड ऑब्जेक्ट्स का एक सरणी जैसा संग्रह (सूची) है।
एक NodeList में एक लंबाई संपत्ति होती है जो सूची में नोड्स की संख्या लौटाती है।
नोड्स को इंडेक्स नंबरों द्वारा एक्सेस किया जा सकता है। सूचकांक 0 से शुरू होता है।
वाक्य - विन्यास
element.childNodes
प्रतिलाभ की मात्रा
प्रकार | विवरण |
वस्तु | नोड्स का एक NodeList ऑब्जेक्ट संग्रह। दस्तावेज़ में दिखाई देने पर नोड्स को सॉर्ट किया जाता है। |
और ज्यादा उदाहरण
<Div> तत्व में चाइल्ड नोड्स की संख्या:
let numb = document.getElementById("myDIV").childNodes.length;
दूसरे चाइल्ड नोड की पृष्ठभूमि का रंग बदलें:
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
<select> तत्व के तीसरे चाइल्ड नोड का टेक्स्ट प्राप्त करें:
let text = document.getElementById("mySelect").childNodes[2].text;
संबंधित पृष्ठ
ब्राउज़र समर्थन
element.childNodes
एक डोम लेवल 1 (1998) फीचर है।
यह सभी ब्राउज़रों में पूरी तरह से समर्थित है:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
तत्व वस्तु