Īpašība childNodes

Īpašība childNodes glabā sevī pseidomassīvu no meiteņu mezgliem elementam (atslēgas, komentāri un teksta mezgli).

Sintakse

javascriptelement.childNodes;

Piemērs

Iegūsim visus meiteņu mezglus elementam un izvadīsim uz ekrānu to saturu:

html<div id="parent">teksts<p>rindk</p><!--kom--></div>

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

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

Piemērs

Izvadīsim pirmā mezgla saturu:

html<div id="parent">teksts<p>rindk</p><!--kom--></div>

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

Koda izpildes rezultāts:

javascript'teksts'

Piemērs

Izvadīsim mezgla ar numuru 2 saturu:

html<div id="parent">teksts<p>rindk</p><!--kom--></div>

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

Koda izpildes rezultāts:

javascript'kom'

Skatiet arī