Egenskapen childNodes

Egenskapen childNodes inneholder en pseudomatrise av underliggende noder til et element (tagger, kommentarer og tekstnoder).

Syntaks

javascriptelement.childNodes;

Eksempel

La oss hente alle underliggende noder til elementet og skrive ut innholdet deres:

html<div id="parent">tekst<p>avsnitt</p><!--komm--></div>
javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

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

Eksempel

La oss skrive ut innholdet til den første noden:

html<div id="parent">tekst<p>avsnitt</p><!--komm--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Resultatet av kjøringen:

javascript'tekst'

Eksempel

La oss skrive ut innholdet til node nummer 2:

html<div id="parent">tekst<p>avsnitt</p><!--komm--></div>
javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Resultatet av kjøringen:

javascript'komm'

Se også

  • egenskapen children,
    som inneholder underliggende elementer
  • egenskapen firstChild,
    som inneholder den første noden
  • egenskapen lastChild,
    som inneholder den siste noden