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;
自己尝试 »
描述
The firstElementChild 属性返回指定元素的第一个子元素。
The firstElementChild 属性是只读的。
The firstElementChild 属性返回与 children[0] 相同的值。
另请参见
节点与元素
在 HTML DOM 术语中
节点 是所有节点（元素节点、文本节点和注释节点）。
元素之间的空格也是文本节点。
元素 仅是元素节点。
childNodes 与 children
childNodes 返回子节点（元素节点、文本节点和注释节点）。
children 返回子元素（不包括文本节点和注释节点）。
firstChild 与 firstElementChild
firstChild 返回第一个子节点（元素节点、文本节点或注释节点）。元素之间的空格也是文本节点。
firstElementChild 返回第一个子元素（不包括文本节点和注释节点）。
lastChild 与 lastElementChild
lastChild 返回最后一个子节点（元素节点、文本节点或注释节点）。元素之间的空格也是文本节点。
lastElementChild 返回最后一个子元素（不包括文本节点和注释节点）。
语法
element.firstElementChild
返回值
| 类型 | 描述 |
| 节点 | 元素的第一个子元素。null 如果不存在子元素。 |
浏览器支持
element.firstElementChild 是 DOM Level 3 (2004) 的功能。
它在所有现代浏览器中得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
