HTML | DOM lastChild 属性

lastChild 属性返回给定元素的最后一个子节点。

在 HTML DOM 中的每个元素都可以有一个或多个子节点，这些子节点可以是元素节点、文本节点或注释节点。lastChild 属性返回的是最后一个子节点，无论它是什么类型的节点。

语法

elementObject.lastChild

示例

考虑以下 HTML 代码：

<div id="container">
    <p>Hello world!</p>
    <span>This is a span element.</span>
    <!-- This is a comment -->
</div>

在上述示例中，<div id="container"> 是父元素，它包含三个子节点：一个 p 元素，一个 span 元素和一个注释节点。

接下来，我们可以使用 lastChild 属性来访问最后一个子节点。下面是一些示例代码：

var container = document.getElementById("container");

console.log(container.lastChild); // 输出：<!-- This is a comment -->

上述示例中的代码将输出最后一个子节点，即注释节点。

注意事项

• 如果元素没有子节点，则 lastChild 属性返回 null。
• 如果元素只有一个子节点且为文本节点，则 lastChild 属性返回该文本节点。
• lastChild 属性返回的是一个对象（节点对象），可以对其进行任何操作。