HTML DOM TreeWalker lastChild() 方法(1)

📌 相关文章

📜 HTML DOM TreeWalker lastChild() 方法(1)

📅 最后修改于: 2023-12-03 15:01:10.300000 🧑 作者: Mango

HTML DOM TreeWalker对象是用于遍历DOM（文档对象模型）树的一种实用方法。其中，lastChild()方法可以用于获取指定根节点的最后一个子节点。

walker.lastChild()

lastChild()方法返回根节点的最后一个子节点。

假设我们需要获取一个html文档中<body>标签的最后一个子节点。首先，我们需要通过document对象的createTreeWalker()方法创建一个TreeWalker对象，并指定其根节点为<body>标签：

const body = document.getElementsByTagName('body')[0];
const walker = document.createTreeWalker(body, NodeFilter.SHOW_ELEMENT, null, false);

然后，我们可以调用lastChild()方法获取其最后一个子节点：

const lastChild = walker.lastChild();

lastChild()方法只返回当前TreeWalker对象所指向的根节点的最后一个子节点，如果需要获取其他节点的最后一个子节点，需要重新创建TreeWalker对象。
如果根节点没有任何子节点，lastChild()方法返回null。
lastChild()方法返回的是一个节点对象，可以通过节点对象的属性和方法进一步操作。具体内容请参考相关文档。