讓innerText在firefox火狐和IE瀏覽器都能用的寫法
更新時(shí)間：2011年05月14日 15:24:44 作者：
下面的代碼主要是用來解決firefox瀏覽器不支持innerText的問題，需要的朋友可以參考下。
IE中的獲取文本方法innerText在firefox中不支持
firefox改成了textContent方法/屬性
并且在Firefox中文本中間的空白自符被無情的替換沒了
使用起來異常不方便
現(xiàn)在好了，用Javascript重新定義了innerText方法
使得在Firefox中也可以使用innerText方法
并且此方法解決了firefox中空白字符的問題
使用方法：
將下面的腳本放在頁面內(nèi)
不管ie還是firefox都可以使用obj.innerText提取文本了
<script language=”javascript”>
function isIE(){ //ie?
if (window.navigator.userAgent.toLowerCase().indexOf(“msie”)>=1)
return true;
else
return false;
}
if(!isIE()){ //firefox innerText define
HTMLElement.prototype.__defineGetter__( “innerText”,
function(){
var anyString = “”;
var childS = this.childNodes;
for(var i=0; i<childS.length; i++) {
if(childS[i].nodeType==1)
anyString += childS[i].tagName==”BR” ? ‘\n' : childS[i].textContent;
else if(childS[i].nodeType==3)
anyString += childS[i].nodeValue;
}
return anyString;
}
);
HTMLElement.prototype.__defineSetter__( “innerText”,
function(sText){
this.textContent=sText;
}
);
}
</script>
firefox改成了textContent方法/屬性
并且在Firefox中文本中間的空白自符被無情的替換沒了
使用起來異常不方便
現(xiàn)在好了，用Javascript重新定義了innerText方法
使得在Firefox中也可以使用innerText方法
并且此方法解決了firefox中空白字符的問題
使用方法：
將下面的腳本放在頁面內(nèi)
不管ie還是firefox都可以使用obj.innerText提取文本了
復(fù)制代碼 代碼如下:
<script language=”javascript”>
function isIE(){ //ie?
if (window.navigator.userAgent.toLowerCase().indexOf(“msie”)>=1)
return true;
else
return false;
}
if(!isIE()){ //firefox innerText define
HTMLElement.prototype.__defineGetter__( “innerText”,
function(){
var anyString = “”;
var childS = this.childNodes;
for(var i=0; i<childS.length; i++) {
if(childS[i].nodeType==1)
anyString += childS[i].tagName==”BR” ? ‘\n' : childS[i].textContent;
else if(childS[i].nodeType==3)
anyString += childS[i].nodeValue;
}
return anyString;
}
);
HTMLElement.prototype.__defineSetter__( “innerText”,
function(sText){
this.textContent=sText;
}
);
}
</script>
相關(guān)文章
微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)列表?xiàng)l件篩選，篩選框的效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
javascript匿名函數(shù)應(yīng)用示例介紹
匿名函數(shù)，顧名思義就是沒有名字，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下2014-03-03
這篇文章主要詳細(xì)介紹了javascript中定義類的方法的相關(guān)資料,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了利用JavaScript的Map提升性能的方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
談?wù)凧avaScript數(shù)組常用方法總結(jié)
本篇文章主要介紹了談?wù)凧avaScript數(shù)組常用方法總結(jié)，在JavaScript中，我們需要時(shí)常對數(shù)組進(jìn)行操作。一起跟隨小編過來看看吧2017-01-01
游戲人文件夾程序 ver 4.03...2006-07-07
在小程序云開發(fā)中，要實(shí)現(xiàn)上傳文件至云存儲，有兩種方案：云函數(shù)和HTTP?API，本文主要講講如何使用HTTP?API實(shí)現(xiàn)小程序外上傳文件至云存儲，感興趣的可以了解一下2022-01-01
向大師們學(xué)習(xí)Javascript（視頻與PPT）
在開始之前，先與大家一起認(rèn)識下這篇文章的主角，世界級的javascript大牛們：Douglas Crockford、John Resig、Peter-Paul Koch、Nicolas C. Zakas?？疵忠苍S挺陌生，但是如果你對javascript還算熟悉，一定不會(huì)對他們的作品陌生。2009-12-12
這篇文章主要介紹了基于JavaScript獲取url參數(shù)2種方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了JS瀑布流實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了javascript瀑布流加載圖片效果的實(shí)現(xiàn)原理、步驟與相關(guān)操作技巧,需要的朋友可以參考下2016-12-12