JavaScript篇之DOM属性对象

如何过滤空白节点?

方法一

原理:将满足条件的节点添加到数组里

    function fileterSpaceNode(node)     {            var ret = [] ;     //新数组            var pattern = /^\s+$/ ;   //为了优化性能,将模式字符串保存在变量中            for( var i = 0; i < node.childNodes.length )             {                      var node_child = node.childNodes[i] ;                    //如果匹配到空的文本节点,就不添加数组                    if( node_child.nodeType == 3 && pattern.test(node_child.nodeValue) )                         {                                 //把每次的元素节点,添加到数组里                                ret.push( node_child ) ;                         }            }            return ret ;   //返回非空白节点的节点数组    }

---

方法二

原理:将匹配到的空白节点从nodesList中删除

 function cleanBlank(element)  {                    var pattern = /\S/ ; //同理,注意这里的模式字符串的写法,对结果取反,表达的含义相同            for ( var j = 0; j < element.childNodes.length; j++ )             {                    var elem_child = element.childNodes[j];                //如果匹配到空白节点就将其删除                if(elem_child.nodeType == 3 &&  !pattern.test(elem_child.nodeValue))                 {                             element.removeChild(elem_child);                }            }    }