javascript - 去除标签间的空白字符
本文介绍了javascript - 去除标签间的空白字符的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
去除所有子元素的空白标签,以下代码为例
<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(*)都是不能获取到空白的文本节点)??或是有更好的方法介绍,大神们~~
解决方案
不是很理解你的题意,你是指深层嵌套的处理么?那递归处理可以吧~
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);
i--;//直接删除节点childNodes有变动
}else if(node.nodeType == 1){//子元素还是元素就递归清理子元素
cleanWhitespace(node);
}
}
}
这篇关于javascript - 去除标签间的空白字符的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文