Свойство 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
,
которое содержит первый узел