HTML | DOM lastElementChild 属性(1)

📌 相关文章

📜 HTML | DOM lastElementChild 属性(1)

📅 最后修改于: 2023-12-03 14:41:48.182000 🧑 作者: Mango

HTML | DOM lastElementChild 属性

在 HTML 文档中，每一个父元素都包含一个子元素列表。而 DOM（文档对象模型）允许我们使用属性和方法来访问这些元素。其中，lastElementChild 属性用于返回父元素的最后一个子元素。

语法

通过以下语法格式来使用 lastElementChild 属性:

parentElement.lastElementChild

其中，parentElement 代表要访问的父元素节点。

返回值

lastElementChild 属性的返回值是 parentElement 的最后一个子元素，如果 parentElement 没有子元素，则返回 null。

示例代码

下面的示例演示了如何使用 lastElementChild 属性来获取一个

元素。

<!DOCTYPE html>
<html>
<body>

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<script>
var list = document.getElementById("myList");
var lastItem = list.lastElementChild;
console.log(lastItem.innerHTML);
</script>

</body>
</html>

在上述示例中，通过 document.getElementById() 方法获取了一个 id 为 "myList" 的

。最后，使用 innerHTML 打印了最后一个子元素的内容 "Milk"。

总结

lastElementChild 属性是 DOM API 中的一个有用工具，可以用于获取父元素的最后一个子元素。需要注意的是，当父元素不包含任何子元素时，lastElementChild 属性会返回 null，不会发生错误。