精通JavaScript 纠正 cleanWhitespace函数
作者:bea
代码如下: function cleanWhitespace(element){ //如果不提供参数,则处理整个HTML文档 element = element || document; //使用第一个子节点作为开始指针 var cur = element.firstChild; //临时变量用来保存当前节点的下个节点 var tmp; //一直到没有子节点为止 while (cur != null){ //保存当前节点的下个节点 tmp=cur.n
代码如下:
function cleanWhitespace(element){
//如果不提供参数,则处理整个HTML文档
element = element || document;
//使用第一个子节点作为开始指针
var cur = element.firstChild;
//临时变量用来保存当前节点的下个节点
var tmp;
//一直到没有子节点为止
while (cur != null){
//保存当前节点的下个节点
tmp=cur.nextSibling
//如果节点为文本节点,应且包含空格
if ( cur.nodeType == 3 && ! /S/.test(cur.nodeValue)){
//删除这个文本节点
element.removeChild( cur );
//否则,它就是一个元素
} else if (cur.nodeType == 1){
//递归整个文档
cleanWhitespace( cur );
}
cur = tmp;//遍历子节点
}
}
还转一个可以用的
代码如下:
function cleanWhitespace2(node) {
var notWhitespace = /S/;
for (var i=0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
node.removeChild(node.childNodes[i]);
i--;
}
if (childNode.nodeType == 1) {
cleanWhitespace2(childNode);
}
}
}
如果只清除本节点的空白,不遍历子节点
代码如下:
function cleanWhitespace2(oEelement)
{
for(var i=0;i<oEelement.childNodes.length;i++){
var node=oEelement.childNodes[i];
if(node.nodeType==3 && !/S/.test(node.nodeValue)){node.parentNode.removeChild(node)}
}
}
还转一个可以用的
代码如下:
function cleanWhitespace2(node) {
var notWhitespace = /S/;
for (var i=0; i < node.childNodes.length; i++) {
var childNode = node.childNodes[i];
if ((childNode.nodeType == 3)&&(!notWhitespace.test(childNode.nodeValue))) {
node.removeChild(node.childNodes[i]);
i--;
}
if (childNode.nodeType == 1) {
cleanWhitespace2(childNode);
}
}
}
如果只清除本节点的空白,不遍历子节点
代码如下:
function cleanWhitespace2(oEelement)
{
for(var i=0;i<oEelement.childNodes.length;i++){
var node=oEelement.childNodes[i];
if(node.nodeType==3 && !/S/.test(node.nodeValue)){node.parentNode.removeChild(node)}
}
}
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript 解决表单仍然提交即使监听处理函数返回false
- jQuery第三课 修改元素属性及内容的代码
- jQuery 第二课 操作包装集元素代码
- jQuery入门第一课 jQuery选择符
- javascript 图片轮换显示效果代码
- 使用JavaScript switch case 另类写法
- 两个JavaScript jsFiddle JSBin在线调试器
- JS 日期操作代码,获取当前日期,加一天,减一天
- input的focus方法使用
- JavaScript prototype对象的属性说明
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
- JS在IE和FireFox之间常用函数的区别小结
- javascript offsetX与layerX区别
- jQuery 点击图片跳转上一张或下一张功能的实现代码
- javascript 图片上一张下一张链接效果代码
- JQuery Ajax 跨域访问的解决方案
- javascript 不用reverse实现字符串反转的代码
- ExtJS 学习专题(一) 如何应用ExtJS(附实例)
- jquery 简单的进度条实现代码