JavaScript Element lastElementChild 属性

• 

  JavaScript Element lastElementChild 属性

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

  提示：使用children属性可返回指定元素的任何子元素。

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

  实例：

  获取<ul>元素的最后一个子元素的HTML内容：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  lastElementChild	9.0+	2.0+	3.5+	4.0+	10.0+

• 

  语法

  element.lastElementChild
• 

  技术细节

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

• 

  更多例子

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

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

  尝试一下

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

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

  尝试一下