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;