Ominaisuus childNodes

Ominaisuus childNodes sisältää pseudotaulukon elementin lapsisoluista (tagit, kommentit ja tekstisolmut).

Syntaksi

javascriptelementti.childNodes;

Esimerkki

Haetaan kaikki elementin lapsisolmut ja näytetään niiden sisältö näytöllä:

html<div id="parent">teksti<p>kappale</p><!--kom--></div>

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

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

Esimerkki

Näytetään ensimmäisen solmun sisältö:

html<div id="parent">teksti<p>kappale</p><!--kom--></div>

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

Koodin suorituksen tulos:

javascript'teksti'

Esimerkki

Näytetään solmun numero 2 sisältö:

html<div id="parent">teksti<p>kappale</p><!--kom--></div>

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

Koodin suorituksen tulos:

javascript'kom'

Katso myös