JavaScript: как получить дочерний элемент разными способами

Чтобы получить дочерний элемент дочернего элемента в JavaScript, вы можете использовать различные методы. Вот несколько подходов:

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

Это всего лишь несколько методов получения дочернего элемента дочернего элемента в JavaScript. Не забудьте изменить имена классов или селекторов в соответствии со структурой HTML.