Свойство childNodes

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

Синтаксис

элемент.childNodes;

Пример

Получим все дочерние узлы элемента и выведем на экран их содержимое:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div> let parent = document.querySelector('#parent'); let nodes = parent.childNodes; for (let node of nodes) { console.log(node.textContent); }

Пример

Выведем содержимое первого узла:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div> let parent = document.querySelector('#parent'); console.log(parent.childNodes[0].textContent);

Результат выполнения кода:

'текст'

Пример

Выведем содержимое узла с номером 2:

<div id="parent">текст<p>абзац</p><!-- коментарий --></div> let parent = document.querySelector('#parent'); console.log(parent.childNodes[2].textContent);

Результат выполнения кода:

' коментарий '

Смотрите также

  • свойство children,
    которое содержит дочерние элементы
  • свойство firstChild,
    которое содержит первый узел
  • свойство lastChild,
    которое содержит последний узел
enru