例
得到的第一个子元素的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 试一试»