ParentNode.firstElementChild

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

Синтаксис

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;
        }
    });
}

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

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

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

• ParentNode и ChildNode.
• Типы объектов, имплементирующие данное свойство: Document, Element, и DocumentFragment.