强制 Firefox 跳过“文本节点”在 JavaScript 的 DOM 解析中

发布于 2024-10-13 23:46:50 字数 156 浏览 7 评论 0原文

嗨
我正在编写一段 JavaScript 代码来遍历 HTML dom 并突出显示元素。
我的问题是 Firefox 返回空格作为文本节点。
有什么解决方案可以强制它只返回标签吗？例如，我需要“firstChild”始终返回第一个标签，而不是任何文本！

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

箜明 2024-10-20 23:46:50

您可以使用 element.firstElementChild 代替。不幸的是，IE8 及更低版本不支持。

或者，您可能需要编写一个小函数来抓取 childNode ，直到找到下一个 element 节点。

回复收藏 0 原文

毁梦 2024-10-20 23:46:50

也许您可以尝试其他 DOM 遍历方法之一，例如 TreeWalker。

回复收藏 0 原文

吐个泡泡 2024-10-20 23:46:50

您可以使用 node.nodeType === 1 检查节点是否为元素。

您还可以将新的 DOM Travelsal API 实现为函数。

var dummy = document.createElement("div");
var firstElementChild = ('firstElementChild' in dummy)
    ? function (el) {
      return el.firstElementChild;
    }
    : function (el) {
        el = el.firstChild;
        while (el && el.nodeType !== 1)
            el = el.nextSibling;
        return el;
    }

用法

firstElementChild(el)

You can check if a node is an element with node.nodeType === 1.

You can also implement the new DOM Travelsal API as functions.

var dummy = document.createElement("div");
var firstElementChild = ('firstElementChild' in dummy)
    ? function (el) {
      return el.firstElementChild;
    }
    : function (el) {
        el = el.firstChild;
        while (el && el.nodeType !== 1)
            el = el.nextSibling;
        return el;
    }

usage