去除标签间的空白字符

Question

去除所有子元素的空白标签，以下代码为例

<div>
    <ul>
        <li>js</li><!--js-->
        <li>html</li><!--html-->
        <li>css</li><!--css-->
    </ul>
    <ul>
        <li>js</li><!--js-->
        <li>html</li><!--html-->
        <li>css</li><!--css-->
    </ul></div>

找到一种方法

  function cleanWhitespace(div) {    for(var i=0;i<div.childNodes.length;i++){  
      var node = div.childNodes[i];  
      if(node.nodeType == 3 && !/\S/.test(node.nodeValue)){  
        node.parentNode.removeChild(node);
      }  
    }  
  }

但是，childNodes是直接元素，那么去掉ul里面的元素怎么做，考虑更深层嵌套的话。有没有获取所有节点的方法（children(),getElementByTagName(*)都是不能获取到空白的文本节点）？？或是有更好的方法介绍，大神们~~

Answer 1

不是很理解你的题意，你是指深层嵌套的处理么？那递归处理可以吧~function&nbsp;cleanWhitespace(div)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;for(var&nbsp;i=0;i<div.childNodes.length;i++){&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;node&nbsp;=&nbsp;div.childNodes[i];&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(node.nodeType&nbsp;==&nbsp;3&nbsp;&&&nbsp;!/\S/.test(node.nodeValue)){&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;node.parentNode.removeChild(node); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i--;//直接删除节点childNodes有变动 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}else&nbsp;if(node.nodeType&nbsp;==&nbsp;1){//子元素还是元素就递归清理子元素 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cleanWhitespace(node); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp; &nbsp;&nbsp;}