HTML DOM Element firstElementChild свойство

Определение и использование

firstElementChild Свойство возвращает первый подэлемент заданного элемента.

firstElementChild Свойство является только для чтения.

firstElementChild Свойство возвращает children[0] равные значения.

Дополнительная литература:

children свойство

childElementCount свойство

lastElementChild свойство

Свойство tagName

Свойство childNodes

Пример

Пример 1

Получить HTML-содержимое первого подэлемента:

let text = element.firstElementChild.innerHTML;

Попробуйте сами

Пример 2

Получить имя тега первого подэлемента "myDIV":

let text = document.getElementById("myDIV").firstElementChild.tagName;

Попробуйте сами

Пример 3

Получить текст первого подэлемента элемента <select>:

let text = document.getElementById("mySelect").firstElementChild.text;

Попробуйте сами

HTML узлы и элементы

В HTML DOMВ (Документовом объектном моделировании), HTML-документ является集合ом узлов, имеющих (или не имеющих) подузлы.

УзелЭто означает элементные узлы, узлы текста и комментарии.

ЭлементПробельные символы между ними также являются узлами текста.

А элементы — это только элементные узлы.

Подузлы и подэлементы

childNodes ВозвращаетПодузлыЭлементные узлы, узлы текста и комментарии.

children ВозвращаетПодэлементыНе возвращает текстовые узлы и комментарии.

firstChild и firstElementChild

firstChild Возвращает первыйПодузлыЭлементные узлы, узлы текста или комментарии. Пробельные символы между элементами также являются узлами текста.

firstElementChild Возвращает первыйПодэлементыНе возвращает узлы текста и комментарии.

lastChild и lastElementChild

lastChild Возвращает последнийПодузлыЭлементные узлы, узлы текста или комментарии. Пробельные символы между элементами также являются узлами текста.

lastElementChild Возвращает последнийПодэлементыНе возвращает узлы текста и комментарии.

Синтаксис

element.firstElementChild

Возвратное значение

Тип Описание
Node Первый подэлемент элемента. Если нет детей,则在озвращает null.

Поддержка браузерами

element.firstElementChild Это функция DOM Level 3 (2004).

Все браузеры полностью поддерживают его:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Поддержка 9-11 Поддержка Поддержка Поддержка Поддержка