В JavaScript, если вы хотите получить дочерние элементы элемента, вы можете использовать методы childNodes, childrenили querySelectorAll. Вот объяснение каждого метода:
childNodes: свойствоchildNodesвозвращает коллекцию всех дочерних узлов, включая текстовые узлы, узлы элементов и узлы комментариев. Он также включает в себя узлы-пробелы, поэтому вам может потребоваться отфильтровать их, если вам нужны только узлы-элементы.
Пример использования:
const parent = document.getElementById('parentElement');
const children = parent.childNodes;
children: свойствоchildrenвозвращает коллекцию только узлов элементов, которые являются дочерними элементами указанного элемента. Он исключает текстовые узлы и узлы комментариев.
Пример использования:
const parent = document.getElementById('parentElement');
const children = parent.children;
querySelectorAll: методquerySelectorAllпозволяет выбирать элементы на основе селектора CSS. Используя селектор>, вы можете выбрать прямые дочерние элементы определенного родительского элемента.
Пример использования:
const parent = document.getElementById('parentElement');
const children = parent.querySelectorAll('> *');