例
得到的第一個子元素的HTML內容<ul>元素：
var x = document.getElementById("myList").firstElementChild.innerHTML;x的結果將是：
Coffee 試一試» 更多"Try it Yourself"下面的例子。
定義和用法
該firstElementChild屬性返回指定元素的第一個子元素。
此屬性之間的區別則firstChild是，則firstChild返回第一個子節點的元素節點，文本節點或註釋節點(depending on which one's first) ，而firstElementChild返回第一個子節點元素節點(ignores text and comment nodes) 。
此屬性為只讀。
提示：使用兒童屬性返回指定元素的任何子元素。 兒童[0]將產生相同的結果firstElementChild。
提示：要返回指定元素的最後一個子元素，使用lastElementChild屬性。
瀏覽器支持
| 屬性 | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9 | 3.5 | 4 | 10.0 |
句法
element .firstElementChild技術細節
| 返回值： | 一個節點對象，代表的元件，或空的第一個子元素，如果沒有子元素 |
|---|---|
| DOM版本 | 核心3級元素遍歷 |
更多示例
例
得到的第一個子元素的標記名稱<div>元素：
var x = document.getElementById( "myDIV" ).firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;x的結果將是：
P 試一試» 例
得到的第一個元素節點的文本<select>元素：
var x = document.getElementById("mySelect").firstElementChild.text;x的結果將是：
Audi 試一試»