Свойство childNodes
Свойство childNodes хранит в себе
псевдомассив
дочерних узлов элемента (теги, комментарии
и текстовые узлы).
Синтаксис
элемент.childNodes;
Пример
Получим все дочерние узлы элемента и выведем на экран их содержимое:
<div id="parent">text<p>parag</p><!--com--></div>
let parent = document.querySelector('#parent');
let nodes = parent.childNodes;
for (let node of nodes) {
console.log(node.textContent);
}
Пример
Выведем содержимое первого узла:
<div id="parent">text<p>parag</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);
Результат выполнения кода:
'text'
Пример
Выведем содержимое узла с номером 2:
<div id="parent">text<p>parag</p><!--com--></div>
let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);
Результат выполнения кода:
'com'
Смотрите также
-
свойство
children,
которое содержит дочерние элементы -
свойство
firstChild,
которое содержит первый узел -
свойство
lastChild,
которое содержит последний узел
