复制代码 代码如下: 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)} } }

　　推荐阅读

　　JQuery的html(data)方法与&lt;script&gt;脚本块的解决方法

“今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块，但有时候，特别是在AJAX应用中，常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容，此时切忌不要用html()来读写HTML，还是>>>详细阅读

本文标题：精通JavaScript 纠正 cleanWhitespace函数

地址：http://www.17bianji.com/kaifa2/JS/26896.html

 1/2    1