清除HTML之间的空白节点

HTML之间的空白节点,会影响HTML排版,清除空白节点除了在定代码时注意,也可以通过JS清除:

为了重复利用,可以将它包装成一个函数:

 

function removeWhitespace(element) {
	var elem = $$.Dom.getNode(element) || document,
	cur = elem.firstChild,
	tmp,
	reg = /\S/;//这里最好将正则保存在一个变量里,如果在下面使用直接量,会造成一定的性能问题,直接量不是一个对象,所以它没有方法,系统在执行它时会临时包装一个空白对象,这样如果页面文件很大时,就会出现性能问题。
	while (cur !== null) {
		tmp = cur.nextSibling;
		if (cur.nodeType === 3 && !reg.test(cur.nodeValue)) {
			elem.removeChild(cur);
		} else if (cur.nodeType === 1) {
			removeWhitespace(cur);
		}
		cur = tmp;
	}
	return elem;
}
removeWhitespace();

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值