HTML DOM firstElementChild 属性
实例
获取 <ul> 元素的第一个子元素的 HTML 内容:
var x = document.getElementById("myList").firstElementChild.innerHTML;
亲自试一试 »
页面下方有更多实例。
定义和用法
firstElementChild 属性返回指定元素的第一个子元素。
此属性与 firstChild 的区别在于， firstChild 将第一个子节点作为元素节点、文本节点或注释节点返回（取决于第一个节点）， 而 firstElementChild 将第一个子节点作为元素节点返回（忽略文本和注释节点）。
该属性是只读的。
提示: 使用 children 属性返回指定 element. children[0] 的任何子元素将产生与 firstElementChild 相同的结果。
提示: 要返回指定元素的最后一个子元素，请使用 the lastElementChild 属性。
浏览器支持
| 属性 | |||||
|---|---|---|---|---|---|
| firstElementChild | 2.0 | 9.0 | 3.5 | 4.0 | 10.0 |
语法
element.firstElementChild
技术细节
| 返回值: | Node 节点对象，表示元素的第一个子元素，如果没有子元素，则为 null |
|---|---|
| DOM 版本 | Core Level 3 Element Traversal |
更多实例
实例
获取 <div> 元素的第一个子元素的标记名:
var x = document.getElementById("myDIV").firstElementChild.tagName;
document.getElementById("demo").innerHTML = x;
亲自试一试 »
document.getElementById("demo").innerHTML = x;
实例
获取 <select> 元素的第一个元素节点的文本:
var x = document.getElementById("mySelect").firstElementChild.text;
亲自试一试 »
