Свойство firstElementChild содержит первый дочерний элемент. Дочерними элементами считаются все теги, которые непосредственно расположены внутри блока.

Если у элемента нет дочерних элементов - возвращается null.

См. также свойство lastElementChild, которое содержит последнего потомка элемента.

См. также свойство children, которое содержит всех потомков элемента.

См. похожее свойство firstChild, которое также содержит первого потомка, но учитывая комментарии и текст.

Синтаксис

элемент.firstElementChild

Примеры

Пример

Получим содержимое первого потомка элемента #parent:

<div id="parent">
	<p>Первый элемент</p>
	<p>Второй элемент</p>
</div>
var parent = document.getElementById('parent');
document.write(parent.firstElementChild.innerHTML);

Результат выполнения кода:

Первый элемент

Пример

В этом примере у элемента нет дочерних элементов и поэтому выведется null:

<div id="parent"></div>
var parent = document.getElementById('parent');
document.write(parent.firstElementChild);

Результат выполнения кода:

null