Уласцівасць childNodes

Уласцівасць childNodes захоўвае ў сабе псеўдамасіў даччыных вузлоў элемента (тэгі, каментары і тэкставыя вузлы).

Сінтаксіс

javascriptэлемент.childNodes;

Прыклад

Атрымаем усе даччыныя вузлы элемента і вывядзем на экран іх змест:

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);
}

Прыклад

Выведзем змест першага вузла:

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

Вынік выканання кода:

javascript'text'

Прыклад

Выведзем змест вузла з нумарам 2:

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

Вынік выканання кода:

javascript'com'

Глядзіце таксама

  • уласцівасць children,
    якое ўтрымлівае даччыныя элементы
  • уласцівасць firstChild,
    якое ўтрымлівае першы вузол
  • уласцівасць lastChild,
    якое ўтрымлівае апошні вузол