精通JavaScript 纠正 cleanWhitespace函数

183 阅读 0 评论 121 点赞

我是靠谱客的博主无辜音响，这篇文章主要介绍精通JavaScript 纠正 cleanWhitespace函数，现在分享给大家，希望可以做个参考。

复制代码代码如下:

 
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)} 
} 
} 