() 去除标签间的空白字符

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

<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 cleanWhitespacediv { forvar i=0;i<div.childNodes.length;i++{ var node = div.childNodes[i]; ifnode.nodeType == 3 && !/S/.testnode.nodeValue{ node.parentNode.removeChildnode; } } }

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

不是很理解你的题意,你是指深层嵌套的处理么?那递归处理可以吧~

function cleanWhitespacediv { forvar i=0;i<div.childNodes.length;i++{ var node = div.childNodes[i]; ifnode.nodeType == 3 && !/S/.testnode.nodeValue{ node.parentNode.removeChildnode; i--;//直接删除节点childNodes有变动 }else ifnode.nodeType == 1{//子元素还是元素就递归清理子元素 cleanWhitespacenode; } } }

发表评论

电子邮件地址不会被公开。 必填项已用*标注