javascript - Javascript：仅遍历 HTML DOM 元素

Question

我需要遍历 HTML 页面的 DOM，而不需要考虑不是元素的节点，比如 textnodes。我只想要 HTML 页面中的标签元素。可能吗？如何？

score 1 · Accepted Answer

在没有看到你实际上是如何导航树的情况下，我可以给你一个基本的例子来展示如何检查nodeType

function getFirstChildElement (el) {
    el = el.firstChild;
    while (el && el.nodeType !== 1)
        el = el.nextSibling;
    return el;
}

score 0 · Accepted Answer

您可以简单地使用children父元素的属性，而不是使用childNodes, firstChild,lastChild等...

, childrendistinctchildNodes仅指元素（标签）并跳过其他节点，例如文本，这正是您想要的。

只是为了说明，这里有一个简短的演示：

function showChildElements (el) {
    for (var i = 0; i < el.children.length; i++) {
        alert(el.children[i].tagName);
    }
}

2 回答 2