HTML DOM firstElementChild 属性

元素对象参考手册 元素对象

实例

获取 HTML 中 <ul> 元素的第一个子元素:

var x = document.getElementById("myList").firstElementChild.innerHTML;

尝试一下 »

定义和用法

firstElementChild 属性返回指定元素的第一个子元素。

firstElementChild 属性与 firstChild, 属性的区别在于 firstChild 返回第一个子节点作为元素节点，包含文本节点或注释节点（取决于哪个是第一个），而 firstElementChild 返回第一个子节点作为元素节点（忽略文本和注释节点）。

该属性是只读的。

提示：使用 children 属性返回指定元素的任何子元素。

提示：要返回指定元素的最后一个子元素，请使用 lastElementChild 属性。

浏览器支持

属性
firstElementChild 2.0 9.0 3.5 4.0 10.0

语法

element.firstElementChild

参数

None

返回值

类型 描述
Object 返回 Node 对象，表示元素的第一个子元素，如果没有子元素，则返回 null

技术细节

DOM 版本 Core Level 3 Element Traversal

更多实例

实例

获取 <div> 元素第一个子元素的标签名：

var x = document.getElementById("myDIV").firstElementChild.tagName; document.getElementById("demo").innerHTML = x;

尝试一下 »

实例

获取 <select> 元素第一个子元素的文本：

var x = document.getElementById("mySelect").firstElementChild.text;

尝试一下 »

元素对象参考手册 元素对象