Свойство HTML DOM firstElementChild
Пример
Получите содержимое HTML первого дочернего элемента элемента <ul>:
var x = document.getElementById("myList").firstElementChild.innerHTML;
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство firstElementChild возвращает первый дочерний элемент указанного элемента.
Разница между этим свойством и firstChild заключается в том, что firstChild возвращает первый дочерний узел как узел элемента, текстовый узел или узел комментария (в зависимости от того, какой из них первый), а firstElementChild возвращает первый дочерний узел как узел элемента (игнорирует текст). и узлы комментариев).
Это свойство доступно только для чтения.
Совет: Используйте свойство children , чтобы вернуть любой дочерний элемент указанного элемента. children[0] даст тот же результат, что и firstElementChild.
Совет: Чтобы вернуть последний дочерний элемент указанного элемента, используйте свойство lastElementChild .
Поддержка браузера
| Property | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
Синтаксис
element.firstElementChild
Технические детали
| Возвращаемое значение: | Объект Node, представляющий первый дочерний элемент элемента, или null , если дочерних элементов нет . |
|---|---|
| DOM-версия | Базовый уровень обхода элементов 3 |
Дополнительные примеры
Пример
Получите имя тега первого дочернего элемента элемента <div>:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
Пример
Получите текст первого узла элемента элемента <select>:
var x = document.getElementById("mySelect").firstElementChild.text;