ParentNode.firstElementChild

ParentNode.firstElementChild 介面會會返回 ParentNode的第一個子元素(唯讀) ，如果該節點沒有子節點則返回null。

語法

var element = node.firstElementChild; 

範例

<ul id="foo">
  <li>First  (1)</li>
  <li>Second (2)</li>
  <li>Third  (3)</li>
</ul>

<script>
var foo = document.getElementById('foo');
// yields: First  (1)
console.log(foo.firstElementChild.textContent);
</script>

適用於IE8, IE9 和 Safari的Polyfill

// Overwrites native 'firstElementChild' prototype.
// Adds Document & DocumentFragment support for IE9 & Safari.
;(function(constructor) {
    if (constructor &&
        constructor.prototype &&
        constructor.prototype.firstElementChild == null) {
        Object.defineProperty(constructor.prototype, 'firstElementChild', {
            get: function() {
                var node, nodes = this.childNodes, i = 0;
                while (node = nodes[i++]) {
                    if (node.nodeType === 1) {
                        return node;
                    }
                }
                return null;
            }
        });
    }
})(window.Node || window.Element);

規範

瀏覽器相容性

參見

• NonDocumentTypeChildNode.nextElementSibling
• ParentNode.lastElementChild
• The ParentNode and ChildNode pure interfaces.
• Object types implementing this pure interface: Document, Element, and DocumentFragment.