精通JavaScript 糾正 cleanWhitespace函數
更新時間：2010年03月11日 16:47:15 作者：
這個函數用在火狐(firefox)上面老是出錯，今天仔細研究了下，改正了，希望別人不要遇到我這樣的問題
復制代碼 代碼如下:
function cleanWhitespace(element){
//如果不提供參數，則處理整個HTML文檔
element = element || document;
//使用第一個子節(jié)點作為開始指針
var cur = element.firstChild;
//臨時變量用來保存當前節(jié)點的下個節(jié)點
var tmp;
//一直到沒有子節(jié)點為止
while (cur != null){
//保存當前節(jié)點的下個節(jié)點
tmp=cur.nextSibling
//如果節(jié)點為文本節(jié)點，應且包含空格
if ( cur.nodeType == 3 && ! /\S/.test(cur.nodeValue)){
//刪除這個文本節(jié)點
element.removeChild( cur );
//否則，它就是一個元素
} else if (cur.nodeType == 1){
//遞歸整個文檔
cleanWhitespace( cur );
}
cur = tmp;//遍歷子節(jié)點
}
}
還轉一個可以用的
復制代碼 代碼如下:
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);
}
}
}
如果只清除本節(jié)點的空白，不遍歷子節(jié)點
復制代碼 代碼如下:
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);
}
}
}
如果只清除本節(jié)點的空白，不遍歷子節(jié)點
復制代碼 代碼如下:
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)}
}
}
相關文章
Highcharts 是一個用純JavaScript編寫的一個圖表庫, 能夠很簡單便捷的在web網站或是web應用程序添加有交互性的圖表，并且免費提供給個人學習、個人網站和非商業(yè)用途使用。下面通過本文的介紹及實例一起來學習學習吧。2016-08-08
今天講交互圖表Highcharts的坐標軸，我們將對Highcharts圖表的坐標軸組成、坐標軸類型等進行詳細系統講解。下面一起來看看。2016-08-08
這篇文章主要介紹了require.js深入了解,require.js特性介紹,本文講解了require.js和CommonJS的兼容、CDN回退、循環(huán)依賴、BaseUrl、JSONP等內容,需要的朋友可以參考下2014-09-09
JS日程管理插件FullCalendar提供了豐富的屬性設置和方法調用，開發(fā)者可以根據FullCalendar提供的API快速完成一個日歷日程的開發(fā)，本文將FullCalendar的常用屬性和方法、回調函數等整理成中文文檔，以供參閱。2017-02-02
這篇文章主要介紹了如何使用可視化庫gojs及使用時的小技巧，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2022-01-01
精通JavaScript 糾正 cleanWhitespace函數
這個函數用在火狐(firefox)上面老是出錯，今天仔細研究了下，改正了，希望別人不要遇到我這樣的問題2010-03-03
FullCalendar是一款基于jQuery的日歷插件，適用于各種日程安排、工作計劃等場景，本文是fullCalendar官方文檔的中文版，主要介紹了fullCalendar的具體屬性與方法，大家可以參考一下2017-02-02
Highcharts是一個用純JavaScript編寫的一個圖表庫，之前小編發(fā)了一篇介紹Highcharts的文章，那么本文將進一步的介紹Highcharts的基本屬性，有需要的可以參考學習。2016-08-08
這篇文章主要介紹了node.js中的socket.io入門實例,并對websocket等反向ajax技術做了介紹,需要的朋友可以參考下2014-04-04
今天小編帶大家學習的是Three.js的文字形狀與自定義形狀，文章內容很詳細，對大家學習Three.js或許有幫助，下面一起來看看吧。2016-08-08