Свойство firstElementChild
Примеры element.firstElementChild
Получите HTML-содержимое первого дочернего элемента:
let text = element.firstElementChild.innerHTML;
Попробуйте сами »
Получите имя тега первого дочернего элемента "myDIV":
let text = document.getElementById("myDIV").firstElementChild.tagName;
Попробуйте сами »
Получить текст первого дочернего элемента элемента <select>:
let text = document.getElementById("mySelect").firstElementChild.text;
Попробуйте сами »
Описание firstElementChild
Свойство firstElementChild возвращает первый дочерний элемент указанного элемента.
Свойство firstElementChild доступно только для чтения.
Свойство firstElementChild возвращает то же, что и children[0].
Связные страницы firstElementChild
Nodes и Elements
В терминологии HTML DOM:
Nodes — это все узлы (узлы элементов, текстовые узлы и узлы комментариев).
Пробелы между элементами также являются текстовыми узлами.
Elements — это только узлы элементов.
childNodes и children
childNodes возвращает дочерние узлы (узлы элементов, текстовые узлы и узлы комментариев).
children возвращает дочерние элементы (не текстовые узлы и узлы комментариев).
firstChild и firstElementChild
firstChild возвращает первый дочерний узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
firstElementChild возвращает первый дочерний элемент (не текстовые узлы и узлы комментариев).
lastChild и lastElementChild
lastChild возвращает последний дочерний узел (узел элемента, текстовый узел или узел комментария). Пробелы между элементами также являются текстовыми узлами.
lastElementChild возвращает последний дочерний элемент (не текстовые узлы и узлы комментариев).
Синтаксис firstElementChild
element.firstElementChild
Возвращаемое значение firstElementChild
| Тип | Описание |
|---|---|
| Node | Первый дочерний элемент элемента.nullесли дочернего элемента не существует. |
Поддержка браузера firstElementChild
element.firstElementChild является особенностью DOM уровня 3 (2004).
Он полностью поддерживается во всех современных браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |