HTML DOM TreeWalker currentNode 属性

HTML DOM TreeWalker 是一种遍历 DOM 树的对象，它可以遍历 DOM 树的所有节点。其中 currentNode 属性是 TreeWalker 对象的一个属性，用于获取或设置当前遍历的节点。

currentNode 属性的语法

var current = treeWalker.currentNode;
treeWalker.currentNode = node;

currentNode 属性的取值范围

currentNode 属性的取值范围为任意可选的节点。如果要遍历整个 DOM 树，则 currentNode 属性一开始应该设置为根节点。

currentNode 属性的说明

currentNode 属性指定当前正在遍历的节点。TreeWalker 对象将从该节点开始遍历 DOM 树。

例如，在以下代码中，我们创建了一个 TreeWalker 对象，然后将 currentNode 属性设置为文档的根节点：

const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT);
walker.currentNode = document.documentElement;

此时，walker 对象会从文档的根节点开始遍历，找到所有的 element 节点。

currentNode 属性的使用

我们可以使用 currentNode 属性来遍历 DOM 树的所有节点。

例如，在以下代码中，我们创建了一个 TreeWalker 对象，并使用 currentNode 属性来遍历整个文档：

const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT);

while (walker.nextNode()) {
  console.log(walker.currentNode.nodeName);
}

以上代码会输出文档中所有元素节点的节点名。

总结

currentNode 属性是 HTML DOM TreeWalker 对象的一个属性，用于获取或设置当前正在遍历的节点。使用该属性可以遍历 DOM 树的所有节点，从而实现对 DOM 树的遍历。