请使用createNodeIterator写一个方法遍历页面中的所有元素

在前端开发中，createNodeIterator 是一个非常有用的方法，可以用来遍历 DOM 树。下面是一个示例方法，该方法使用 createNodeIterator 遍历页面中的所有元素：

function traverseAllElements() {
    var iterator = document.createNodeIterator(
        document.body, // 从 body 元素开始遍历
        NodeFilter.SHOW_ELEMENT, // 只显示元素节点
        { acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } }, // 接受所有元素节点
        false // 不需要遍历子树的节点
    );

    var currentNode;
    while (currentNode = iterator.nextNode()) {
        console.log(currentNode); // 或者你可以执行其他操作
    }
}

traverseAllElements(); // 调用此方法以遍历所有页面元素

在这个例子中，createNodeIterator 方法接受四个参数：

1. root：遍历的起始节点，这里我们选择 document.body，即页面的主体内容。
2. whatToShow：一个表示需要显示的节点类型的掩码。在这里，我们使用 NodeFilter.SHOW_ELEMENT 来只显示元素节点。
3. filter：一个 NodeFilter 对象，用于确定哪些节点应该被接受或拒绝。在这里，我们接受所有元素节点。
4. entityReferenceExpansion：一个布尔值，表示是否需要扩展实体引用。在这里，我们设置为 false，因为我们不需要遍历子树的节点。

然后，我们使用 nextNode 方法来遍历所有匹配的节点，并在控制台上打印它们。你可以根据需要替换 console.log(currentNode) 这行代码，以执行你需要的操作。