В 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('> *');