Својство childNodes

Својство childNodes у себи чува псеудо-низ подређених чворова елемента (тагове, коментаре и текстуалне чворове).

Синтакса

javascriptелемент.childNodes;

Пример

Добијмо све подређене чворове елемента и прикажимо на екран њихов садржај:

html<div id="parent">текст<p>пarag</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">текст<p>пarag</p><!--com--></div>

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

Резултат извршавања кода:

javascript'текст'

Пример

Прикажимо садржај чвора са бројем 2:

html<div id="parent">текст<p>пarag</p><!--com--></div>

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

Резултат извршавања кода:

javascript'com'

Погледајте такође