Lastnost childNodes

Lastnost childNodes hrani v sebi psevdomatriko podrejenih vozlišč elementa (oznake, komentarji in besedilna vozlišča).

Sintaksa

javascriptelement.childNodes;

Primer

Pridobimo vsa podrejena vozlišča elementa in izpišimo na zaslon njihovo vsebino:

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

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

Primer

Izpišimo vsebino prvega vozlišča:

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

Rezultat izvajanja kode:

javascript'besedilo'

Primer

Izpišimo vsebino vozlišča s številko 2:

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

Rezultat izvajanja kode:

javascript'kom'

Glejte tudi

  • lastnost children,
    ki vsebuje podrejene elemente
  • lastnost firstChild,
    ki vsebuje prvo vozlišče
  • lastnost lastChild,
    ki vsebuje zadnje vozlišče