js получить дочерний элемент

Рассмотрим пару встроенных возможностей js, чтобы получить дочерний элемент - метод querySelector и свойство children. Например, чтобы получить первый дочерний элемент узла с id "parent", можно написать такой код:

const parent = document.querySelector('#parent');
const firstChild = parent.children[0];

Здесь мы сначала получаем элемент с id "parent" с помощью метода querySelector, а затем получаем его первый дочерний элемент с помощью свойства children.

Более специфичными являются методы firstElementChild и lastElementChild, которые также дают возможность обратиться к дочерним элементам: первому и последнему, соответственно.