JavaScript 清除childNodes中的#text

最新推荐文章于 2026-04-24 15:50:40 发布

原创最新推荐文章于 2026-04-24 15:50:40 发布 · 1.7k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#JavaScript #childNodes

收录于

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种方法来过滤并移除DOM树中无用的空文本节点，通过检查节点类型和内容，确保最终保留下来的节点都是有效的。

我们一般为了代码整洁代码都会换行，像这样：

获取div1节点下的childNodes

var div = document.getElementById('div1')
var child = div.childNodes
console.log(child)

打印出来结果：

重点：如何其中的text？

注意: child[0].nodeType // 3

child[0].nodeName // '#text'

如下：

var postChild = []
        for (var i = 0; i < child.length; i++) {
            if(!(child[i].nodeType == '3' && child[i].nodeName == '#text' && !/\S/.test(child[i].nodeValue))){ //文本节点并且是空的文本节点时，将空文本节点删除
                postChild.push(child[i])
            }
        }
        console.log(postChild)

最后输出的postChild：