Свойство childNodes в JavaScript
Свойство childNodes
в JavaScript представляет собой коллекцию узлов-потомков элемента DOM. Узлы-потомки могут быть элементами, текстом, комментариями или другими типами узлов.
Коллекция childNodes
является живой, то есть она автоматически обновляется при изменении содержимого элемента. Это означает, что при удалении, добавлении или перемещении узлов-потомков, коллекция childNodes
будет автоматически обновлена.
Свойство childNodes
возвращает NodeList, который можно использовать для итерации по всем узлам-потомкам элемента. Обратите внимание, что NodeList является неизменяемым, то есть вы не можете добавлять, удалять или изменять элементы в NodeList.
Пример использования childNodes
:
// получение элемента по его идентификатору
const myElement = document.getElementById('my-element');
// получение всех потомков элемента
const childNodes = myElement.childNodes;
// итерация по всем потомкам и вывод их типа
for (let i = 0; i < childNodes.length; i++) {
console.log(childNodes[i].nodeType);
}
В этом примере мы получаем элемент с идентификатором my-element
, затем получаем все его потомки с помощью свойства childNodes
. Затем мы используем цикл for
для итерации по всем потомкам и выводим их тип в консоль.