MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

ParentNode.firstElementChild

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Доступное только для чтения свойство ParentNode.firstElementChild возвращает первый дочерный элемент объекта (Element) или null если дочерних элементов нет.

This property was initially defined in the ElementTraversal pure interface. As this interface contained two distinct set of properties, one aimed at Node that have children, one at those that are children, they have been moved into two separate pure interfaces, ParentNode and ChildNode. In this case, firstElementChild moved to ParentNode. This is a fairly technical change that shouldn't affect compatibility.

Синтаксис

var childNode = elementNodeReference.firstElementChild; 

Пример

<p id="para-01">
  <span>First span</span>
</p>

<script type="text/javascript">
  var p01 = document.getElementById('para-01');
  alert(p01.firstElementChild.nodeName)
</script>

В этом примере alert показывает 'span', что является именем тега первого дочернего узла элемента p.

Polyfill для Internet Explorer 8

Это свойство не поддерживается браузером Internet Explorer вплоть до 9 версии, поэтому следующий сниппет может быть использован для добавления поддержки IE8:

// Source: https://github.com/Alhadis/Snippets/blob/master/js/polyfills/IE8-child-elements.js
if(!("firstElementChild" in document.documentElement)){
    Object.defineProperty(Element.prototype, "firstElementChild", {
        get: function(){
            for(var nodes = this.children, n, i = 0, l = nodes.length; i < l; ++i)
                if(n = nodes[i], 1 === n.nodeType) return n;
            return null;
        }
    });
}

Спецификация

Спецификация Статус Комментарий
DOM
Определение 'ParentNode.firstElementChild' в этой спецификации.
Живой стандарт Splitted the ElementTraversal interface in ChildNode and ParentNode. This method is now defined on the latter.
The Document and DocumentFragment implemented the new interfaces.
Element Traversal Specification
Определение 'ElementTraversal.firstElementChild' в этой спецификации.
Рекомендация Added its initial definition to the ElementTraversal pure interface and use it on Element.

Совместимость с браузерами

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Базовая поддержка (Element) 1.0 3.5 (1.9.1) 9.0 10.0 4.0
Поддержка Document и DocumentFragment 29.0 25.0 (25.0) Нет 16.0 Нет
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Базовая поддержка (Element) (Да) 1.0 (1.9.1) (Да) (Да) (Да)
Поддержка Document и DocumentFragment (Да) 25.0 (25.0) Нет 16.0 Нет

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: besedin-art
 Обновлялась последний раз: besedin-art,