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;
尝试一下 »
点我分享笔记