JavaScript Element firstElementChild 属性

• 

  JavaScript Element firstElementChild 属性

  firstElementChild属性返回指定元素的第一个子元素。此属性与firstChild之间的区别在于，firstChild将第一个子节点作为元素节点，文本节点或注释节点（取决于哪个是第一个）返回，而firstElementChild将第一个子节点作为元素节点返回（忽略文本）和注释节点）。此属性是只读的。

  提示：使用children属性可返回指定元素的任何子元素。children[0]将产生与firstElementChild相同的结果。

  提示：要返回指定元素的最后一个子元素，请使用lastElementChild属性。

  实例：

  获取<ul>元素的第一个子节点的HTML内容：

  var x = document.getElementById("myList").firstElementChild.innerHTML;
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  firstElementChild	9.0+	2.0+	3.5+	4.0+	10.0+

• 

  语法

  element.firstElementChild
• 

  技术细节

  项目	描述
  返回值：	Node对象，表示元素的第一个子元素; 如果没有子元素，则为null
  DOM版本	Core Level 3

• 

  更多例子

  获取<div>元素的第一个子元素的标记名称：

  var x = document.getElementById("myDIV").firstElementChild.tagName;
  document.getElementById("demo").innerHTML = x;
  

  尝试一下

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

  var x = document.getElementById("mySelect").firstElementChild.text;
  

  尝试一下