精通JavaScript 糾正 cleanWhitespace函數(shù)
更新時(shí)間：2010年03月11日 16:47:15 作者：
這個(gè)函數(shù)用在火狐(firefox)上面老是出錯(cuò)，今天仔細(xì)研究了下，改正了，希望別人不要遇到我這樣的問(wèn)題
復(fù)制代碼 代碼如下:
function cleanWhitespace(element){
//如果不提供參數(shù)，則處理整個(gè)HTML文檔
element = element || document;
//使用第一個(gè)子節(jié)點(diǎn)作為開(kāi)始指針
var cur = element.firstChild;
//臨時(shí)變量用來(lái)保存當(dāng)前節(jié)點(diǎn)的下個(gè)節(jié)點(diǎn)
var tmp;
//一直到?jīng)]有子節(jié)點(diǎn)為止
while (cur != null){
//保存當(dāng)前節(jié)點(diǎn)的下個(gè)節(jié)點(diǎn)
tmp=cur.nextSibling
//如果節(jié)點(diǎn)為文本節(jié)點(diǎn)，應(yīng)且包含空格
if ( cur.nodeType == 3 && ! /\S/.test(cur.nodeValue)){
//刪除這個(gè)文本節(jié)點(diǎn)
element.removeChild( cur );
//否則，它就是一個(gè)元素
} else if (cur.nodeType == 1){
//遞歸整個(gè)文檔
cleanWhitespace( cur );
}
cur = tmp;//遍歷子節(jié)點(diǎn)
}
}
還轉(zhuǎn)一個(gè)可以用的
復(fù)制代碼 代碼如下:
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é)點(diǎn)的空白，不遍歷子節(jié)點(diǎn)
復(fù)制代碼 代碼如下:
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)}
}
}
還轉(zhuǎn)一個(gè)可以用的
復(fù)制代碼 代碼如下:
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é)點(diǎn)的空白，不遍歷子節(jié)點(diǎn)
復(fù)制代碼 代碼如下:
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)}
}
}
相關(guān)文章
Highcharts 是一個(gè)用純JavaScript編寫(xiě)的一個(gè)圖表庫(kù), 能夠很簡(jiǎn)單便捷的在web網(wǎng)站或是web應(yīng)用程序添加有交互性的圖表，并且免費(fèi)提供給個(gè)人學(xué)習(xí)、個(gè)人網(wǎng)站和非商業(yè)用途使用。下面通過(guò)本文的介紹及實(shí)例一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。2016-08-08
本文為大家分享了5個(gè)不錯(cuò)的javascript文件上傳插件，選擇一款功能強(qiáng)大使用簡(jiǎn)單的上傳插件將為我們節(jié)省很多開(kāi)發(fā)時(shí)間2018-09-09
js類庫(kù)styled-components快速入門(mén)教程
這篇文章主要為大家介紹了js類庫(kù)styled-components快速入門(mén)的教程示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
Highcharts學(xué)習(xí)之?dāng)?shù)據(jù)列
數(shù)據(jù)列配置是 Highcharts 最復(fù)雜也是最靈活的配置，如果說(shuō) Highcharts 是靈活多變，細(xì)節(jié)可定制的話，那么數(shù)據(jù)列配置就是這個(gè)重要特性的核心。2016-08-08
Highcharts是一個(gè)用純JavaScript編寫(xiě)的一個(gè)圖表庫(kù)，之前小編發(fā)了一篇介紹Highcharts的文章，那么本文將進(jìn)一步的介紹Highcharts的基本屬性，有需要的可以參考學(xué)習(xí)。2016-08-08
JS日程管理插件FullCalendar簡(jiǎn)單實(shí)例
JS日程管理插件FullCalendar是一款基于jQuery的日歷日程插件，適用于各種日程安排、工作計(jì)劃等場(chǎng)景，您可以很方便的查看查看待辦事項(xiàng)，標(biāo)記重要事項(xiàng)以及綁定點(diǎn)擊和拖動(dòng)事件，能快速的整合到您的項(xiàng)目中，本文將簡(jiǎn)單介紹FullCalendar的使用2017-02-02
Three.js學(xué)習(xí)之文字形狀及自定義形狀
今天小編帶大家學(xué)習(xí)的是Three.js的文字形狀與自定義形狀，文章內(nèi)容很詳細(xì)，對(duì)大家學(xué)習(xí)Three.js或許有幫助，下面一起來(lái)看看吧。2016-08-08
本文利用實(shí)例代碼詳細(xì)介紹了一些Three.js中的幾何形狀的實(shí)現(xiàn)過(guò)程，包括立方體、平面與球體，有需要的朋友們可以學(xué)習(xí)下。2016-08-08
FullCalendar是一款基于jQuery的日歷插件，適用于各種日程安排、工作計(jì)劃等場(chǎng)景，本文是fullCalendar官方文檔的中文版，主要介紹了fullCalendar的具體屬性與方法，大家可以參考一下2017-02-02
組件庫(kù)Monmrepo架構(gòu)與開(kāi)發(fā)調(diào)試環(huán)境構(gòu)建詳解
這篇文章主要為大家介紹了組件庫(kù)Monmrepo架構(gòu)與開(kāi)發(fā)調(diào)試環(huán)境構(gòu)建詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10