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 术语中：

节点是所有节点（元素节点、文本节点和注释节点）。

元素之间的空白也是文本节点。

元素只是元素节点。

子节点返回孩子节点（元素节点、文本节点和注释节点）。

孩子们返回孩子元素（不是文本和注释节点）。

第一个孩子返回第一个孩子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

第一个子元素返回第一个孩子元素（不是文本和注释节点）。

最后一个孩子返回最后一个孩子节点（元素节点、文本节点或注释节点）。元素之间的空白也是文本节点。

最后一个元素子元素返回最后一个孩子元素（不是文本和注释节点）。

element.firstElementChild

类型	描述
节点	元素的第一个子元素。 `null`如果不存在子元素。

element.firstElementChild是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11