🏴‍☠️
Сашка ☕
Blog  Tags 
💀 🔵 🔴

👶🏻 Перебор потомков HTML элемента

Опубликовано: 12 марта 2023 г.

Перебор потомков HTML элемента

Просто так применить метод forEach к атрибуту .children HTML элемента не получится.
Для начала необходимо преобразовать атрибут в массив.

Предположим, что pageContent — это div с некоторыми однотипными элементами, которые нужно перебрать методом forEach.

let pageContent = document.getElementById('page-content');

Вот несколько примеров, как преобразовать атрибут pageContent.children в массив.

let pageContentChildren = [...pageContent.children];
// или
let pageContentChildren = [].slice.call(pageContent.children);

В ECMAScript 6 добавлено новое API, а именно метод .from для создания массивов из итерируемых объектов.

let pageContentChildren = Array.from(pageContent.children.children);