js清除childNodes中的#text（选项卡中会用到获取第一级子元素）

我们一般为了代码整洁代码都会换行，如上面所述。

 

获取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：