JavaScript | document.body.children

JavaScript | document.body.children

document.body.children

Данная команда возвращает прототип объекта HTMLCollection — это массиво-подобный объект, который хранит в себе узлы объектной модели документа (DOM). Мы получаем всех детей HTML-элемента <body> с их собственной структурой вложенности при помощи JavaScript.

В коллекции, дети выстаиваются в порядке появления в разметке документа (древовидный порядок). Первый элемент коллекции будет расположен ближе к родителю. Последний — дальше.

 

Как это работает?

Мы сначала обращаемся к объекту document, который может являться текущей страницей в браузере. Затем у объекта document мы запрашиваем значение атрибута body, который по аналогии возвращает нам сам JavaScript объект элемента <body>. Далее мы обращаемся к атрибуту children, который может возвращать детей любых узлов DOM.

Получение детей элемента body - JavaScript
Получение детей элемента body — JavaScript

 

Информационные ссылки

Стандарт HTML — https://html.spec.whatwg.org/#dom-document-body

JavaScript | Как получить всех детей?

DOM | Миксин ParentNode

DOM