childNodes касиети

childNodes касиети элементтин балдар жалган массив түйүндөрүн (тегдер, комментарийлер жана тексттик түйүндөр) өз ичинде сактайт.

Синтаксис

javascriptэлемент.childNodes;

Мисал

Элементтин бардык балдар түйүндөрүн алып, экранга алардын мазмунун чыгаралы:

html<div id="parent">текст<p>параграф</p><!--коммент--></div>

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

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

Мисал

Биринчи түйүндун мазмунун чыгаралы:

html<div id="parent">текст<p>параграф</p><!--коммент--></div>

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

Кодду иштетүүнүн натыйжасы:

javascript'текст'

Мисал

2 номериндеги түйүндун мазмунун чыгаралы:

html<div id="parent">текст<p>параграф</p><!--коммент--></div>

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

Кодду иштетүүнүн натыйжасы:

javascript'коммент'

Ошондой эле караңыз