Egenskaben childNodes

Egenskaben childNodes indeholder en pseudofelt af underordnede noder for elementet (tags, kommentarer og tekstnoder).

Syntaks

javascriptelement.childNodes;

Eksempel

Lad os hente alle de underordnede noder af elementet og vise deres indhold på skærmen:

html<div id="parent">tekst<p>afsnit</p><!--kom--></div>

javascriptlet parent = document.querySelector('#parent');
let nodes = parent.childNodes;

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

Eksempel

Lad os vise indholdet af den første node:

html<div id="parent">tekst<p>afsnit</p><!--kom--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

Resultatet af kodeudførelsen:

javascript'tekst'

Eksempel

Lad os vise indholdet af node nummer 2:

html<div id="parent">tekst<p>afsnit</p><!--kom--></div>

javascriptlet parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

Resultatet af kodeudførelsen:

javascript'kom'

Se også