现在位置: 首页 > JavaScript 参考手册 > 正文

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;

尝试一下 »


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