javascript - 迭代所有节点对象而不仅仅是元素对象

Question

我读过以下非常好的文章: Difference between Node object and Element object? 以便消除节点对象和元素对象之间的差异。我已经明白了

element objects are a subset of node objects.

因此，之后我遇到了以下查询:我可以通过哪种方式迭代所有节点对象？通过使用 document.getElementsByTagName('*') ，我想我得到了所有 元素对象，因为它们的值都为 1 .nodeType 属性。我对吗？如果是，我如何将所有这些不是元素的节点包含在我的结果中？

谢谢

Answer 1

我不相信有任何标准 DOM 函数会返回整个文档中的每个 Node(而不是 Element)。

您可能必须使用递归 DOM 遍历来找到它们，如下所示:

function getAllNodes(parent, nodes) {
    parent = parent || document;
    nodes = nodes || [];

    var child = parent.firstChild;
    while (child) {
        nodes.push(child);
        if (child.hasChildNodes) {
            getAllNodes(child, nodes);
        }
        child = child.nextSibling;
    }
    return nodes;
}

正如所写，您只需编写 var Nodes = getAllNodes() ，它就会自动从文档根目录开始。