пример
Получить содержимое HTML первого дочернего элемента в <ul> элемента:
var x = document.getElementById("myList").firstElementChild.innerHTML;В результате х будет:
Coffee Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
FirstElementChild свойство возвращает первый дочерний элемент указанного элемента.
Разница между этим свойством и FirstChild , что FirstChild возвращает первый дочерний узел в качестве узла элемента, текстового узла или комментарий узла (depending on which one's first) в (ignores text and comment nodes) (depending on which one's first) того, (depending on which one's first) , в то время как firstElementChild возвращает первый дочерний узел в качестве узла элемента (ignores text and comment nodes) .
Это свойство только для чтения.
Совет: Используйте ребенок свойство возвращать любой дочерний элемент заданного элемента. дети [0] будет производить тот же результат, как и firstElementChild.
Совет: Для того, чтобы вернуть последний дочерний элемент заданного элемента, используйте lastElementChild свойства.
Поддержка браузеров
| Имущество | |||||
|---|---|---|---|---|---|
| firstElementChild | 2,0 | 9,0 | 3,5 | 4,0 | 10,0 |
Синтаксис
element .firstElementChildТехнические подробности
| Возвращаемое значение: | Объект Узел, представляющий первый дочерний элемент элемента, или нуль , если нет дочерних элементов |
|---|---|
| DOM Version | Базовый уровень 3 Элемент Traversal |
Еще примеры
пример
Получить имя тега первого дочернего элемента <div> элемент:
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;В результате х будет:
P Попробуй сам " пример
Получить текст первого элемента узла в <select> элемента:
var x = document.getElementById("mySelect").firstElementChild.text;В результате х будет:
Audi Попробуй сам "