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