Хусусияти childNodes

Хусусияти childNodes дар худ pseudomassiv-и гиреҳҳои фарзандро (тегҳо, тавзеҳот ва гиреҳҳои матнӣ) нигоҳ медорад.

Синтаксис

javascriptelement.childNodes;

Намуна

Ҳамаи гиреҳҳои фарзандиро гирифта ва дар экран мундариҷаи онҳоро ба намоиш мегузорем:

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

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

Намуна

Мундариҷаи гиреҳи аввалро ба намоиш мегузорем:

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

Натиҷаи иҷрои код:

javascript'matn'

Намуна

Мундариҷаи гиреҳи ба рақами 2 мувофиқро ба намоиш мегузорем:

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

Натиҷаи иҷрои код:

javascript'com'

Инчунин нигаред

  • хусусияти children,
    ки элементҳои фарзандро дар бар мегирад
  • хусусияти firstChild,
    ки гиреҳи аввалро дар бар мегирад
  • хусусияти lastChild,
    ки гиреҳи охиринро дар бар мегирад