संपत्ति childNodes

संपत्ति childNodes उसके अंदर स्यूडोअरे तत्व के चाइल्ड नोड्स (टैग, टिप्पणियाँ और टेक्स्टुअल नोड्स) संग्रहीत करती है।

सिंटैक्स

javascriptतत्व.childNodes;

उदाहरण

तत्व के सभी चाइल्ड नोड्स प्राप्त करें और उनकी सामग्री को स्क्रीन पर प्रदर्शित करें:

html<div id="parent">टेक्स्ट<p>पैराग्राफ</p><!--टिप्पणी--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
  console.log(node.textContent);
}

उदाहरण

पहले नोड की सामग्री प्रदर्शित करें:

html<div id="parent">टेक्स्ट<p>पैराग्राफ</p><!--टिप्पणी--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

कोड निष्पादन का परिणाम:

javascript'टेक्स्ट'

उदाहरण

नंबर 2 वाले नोड की सामग्री प्रदर्शित करें:

html<div id="parent">टेक्स्ट<p>पैराग्राफ</p><!--टिप्पणी--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

कोड निष्पादन का परिणाम:

javascript'टिप्पणी'

यह भी देखें

  • संपत्ति children,
    जिसमें चाइल्ड एलिमेंट्स होते हैं
  • संपत्ति firstChild,
    जिसमें पहला नोड होता है
  • संपत्ति lastChild,
    जिसमें अंतिम नोड होता है