Свойство firstElementChild

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