Чтобы получить дочерний элемент дочернего элемента в JavaScript, вы можете использовать различные методы. Вот несколько подходов:
- Запрос по селекторам:
- Используйте
querySelector, чтобы выбрать родительский элемент, затем используйте дополнительные вызовыquerySelector, чтобы перейти к нужному дочернему элементу дочернего элемента.
- Используйте
const childOfChild = document.querySelector('.parent-class .child-class .child-of-child-class');
- Обход DOM:
- Используйте свойство
parentNode, чтобы переместить дерево DOM от дочернего элемента к его родительскому элементу, а затем получить доступ к дочернему элементу дочернего элемента, используяchildrenили МетодыquerySelector.
- Используйте свойство
const child = document.querySelector('.child-class');
const parent = child.parentNode;
const childOfChild = parent.querySelector('.child-of-child-class');
- Использование свойства
childNodes:- Доступ к дочерним узлам элемента с помощью
childNodesи соответствующий переход к дочернему элементу.
- Доступ к дочерним узлам элемента с помощью
const parent = document.querySelector('.parent-class');
const childOfChild = parent.childNodes[0].childNodes[0];
Это всего лишь несколько методов получения дочернего элемента дочернего элемента в JavaScript. Не забудьте изменить имена классов или селекторов в соответствии со структурой HTML.