Egenskapen childNodes

Egenskapen childNodes innehåller en pseudomatris av underordnade noder för ett element (taggar, kommentarer och textnoder).

Syntax

javascriptelement.childNodes;

Exempel

Låt oss hämta alla underordnade noder av elementet och visa deras innehåll på skärmen:

html<div id="parent">text<p>parag</p><!--com--></div>

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

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

Exempel

Låt oss visa innehållet i den första noden:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Resultat av kodkörning:

javascript'text'

Exempel

Låt oss visa innehållet i nod nummer 2:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Resultat av kodkörning:

javascript'com'

Se även