JavaScript | Как получить всех потомков DOM-элемента?

JavaScript | Как получить всех потомков DOM-элемента?

 

У нас есть DOM-элемент, который имеет разную структуру вложенности одного в другой. Нам нужно получить всех его потомков — детей, детей у детей, детей у тех детей и так далее до конца. Как это сделать?

Для этого нужно сначала получить сам элемент element и уже у него вызвать метод getElementsByTagName(). В качестве параметра нужно передать строку, которая будет состоять из одного символа звёздочки *

element.getElementsByTagName("*")

Скриншот из стандарта:

Получение всех потомков DOM-элемента - JavaScript
Получение всех потомков DOM-элемента — JavaScript

 

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

Перевод стандарта Объектной Модели Документа — DOM — https://efim360.ru/dom/

Стандарт DOM — Раздел «4.5. Interface Document» — Блок «Для разработчиков» — https://dom.spec.whatwg.org/#interface-document