HTML DOM Element firstElementChild egenskap

Definition och användning

firstElementChild Egenskapen returnerar den första underkomponenten för det angivna elementet.

firstElementChild Egenskapen är skrivskyddad.

firstElementChild Egenskapen returnerar med children[0] Samma värde.

Se också:

children egenskap

childElementCount egenskap

lastElementChild egenskap

tagName属性

childNodes属性

实例

例子1

获取第一个子元素的HTML内容：

lettext=element.firstElementChild.innerHTML;

亲自试一试

例子2

获取"myDIV"的第一个子元素的标签名：

lettext=document.getElementById("myDIV").firstElementChild.tagName;

亲自试一试

例子3

获取<select>元素的第一个子元素的文本：

lettext=document.getElementById("mySelect").firstElementChild.text;

亲自试一试

HTML节点与元素

在 HTMLDOM（文档对象模型）中，HTML文档是拥有（或没有）子节点的节点集合。

节点指的是元素节点、文本节点和注释节点。

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

而元素只是元素节点。

子节点与子元素

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

children 返回子元素（而非文本和注释节点）。

firstChild与firstElementChild

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

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

lastChild与lastElementChild

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

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

语法

element.firstElementChild

返回值

类型 描述
Node 元素的第一个子元素。 如果无子，则返回null。

浏览器支持

element.firstElementChild 是DOMLevel3(2004)特性。

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

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持