HTML DOM 元素 firstElementChild
示例
获取第一个子元素的 HTML 内容
let text = element.firstElementChild.innerHTML;
自己动手试一试 »
获取“myDIV”的第一个子元素的标签名
let text = document.getElementById("myDIV").firstElementChild.tagName;
自己动手试一试 »
获取 <select> 元素的第一个子元素的文本
let text = document.getElementById("mySelect").firstElementChild.text;
自己动手试一试 »
描述
firstElementChild 属性返回指定元素的第一个子元素。
firstElementChild 属性是只读的。
firstElementChild 属性与 children[0] 返回相同的结果。
节点与元素
在 HTML DOM 术语中
节点是指所有节点（元素节点、文本节点和注释节点）。
元素之间的空白符也是文本节点。
元素仅指元素节点。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本和注释节点）。
firstChild 与 firstElementChild
firstChild 返回第一个子节点（元素节点、文本节点或注释节点）。元素之间的空白符也是文本节点。
firstElementChild 返回第一个子元素（不包括文本和注释节点）。
lastChild 与 lastElementChild
lastChild 返回最后一个子节点（元素节点、文本节点或注释节点）。元素之间的空白符也是文本节点。
lastElementChild 返回最后一个子元素（不包括文本和注释节点）。
语法
元素.firstElementChild
返回值
| 类型 | 描述 |
| 节点 | 元素的第一个子元素。 如果没有子元素，则为 null。 |
浏览器支持
element.firstElementChild 是 DOM Level 3 (2004) 的特性。
所有现代浏览器都完全支持它
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
