Свойство firstElementChild содержит первый дочерний элемент. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока. Если у элемента нет дочерних элементов - возвращается null.
Синтаксис
элемент.firstElementChild
Пример
Получим содержимое первого потомка элемента:
<div id="parent">
<p>1</p>
<p>2</p>
</div>
let parent = document.querySelector('#parent');
let text = parent.firstElementChild.innerHTML;
console.log(text);
Результат выполнения кода:
'1'
Пример
А теперь у элемента нет дочерних элементов и поэтому выведется null:
<div id="parent"></div>
let parent = document.querySelector('#parent');
console.log(parent.firstElementChild);
Результат выполнения кода:
null
Смотрите также
-
свойство lastElementChild,
которое содержит последний элемент -
свойство children,
которое содержит всех потомков элемента -
свойство firstChild,
которое содержит первый узел