讓innerText在firefox火狐和IE瀏覽器都能用的寫法
更新時間：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提取文本了
復制代碼 代碼如下:
<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>
相關文章
微信小程序 setData 對 data數(shù)據(jù)影響問題
這篇文章主要介紹了微信小程序 setData 對 data數(shù)據(jù)影響的 一點研究，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細介紹了layui實現(xiàn)下拉框三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了uniapp 封裝組件的方法,結合實例形式分析了uniapp父級頁與子頁面組件封裝與傳參交互相關實現(xiàn)技巧,需要的朋友可以參考下2023-06-06
有1到100000共10萬個數(shù)。從中隨機抽走兩個。再把原來的數(shù)字順序打亂。如何快速找到被抽走的兩個數(shù)2011-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)購物網(wǎng)站放大鏡功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
下面小編就為大家?guī)硪黄鶭S:Date對象全面解析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
本篇文章主要介紹了JS中傳遞參數(shù)的幾種不同方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
小程序登錄是現(xiàn)在小程序里面很普遍的一個功能,因為官方提供的方法,可以一鍵獲取到用戶信息,一鍵拿到手機號,這篇文章主要給大家介紹了關于微信小程序如何同時獲取用戶信息和用戶手機號的相關資料,需要的朋友可以參考下2021-08-08
JavaScript使用指針操作實現(xiàn)約瑟夫問題實例
這篇文章主要介紹了JavaScript使用指針操作實現(xiàn)約瑟夫問題,實例分析了javascript模擬數(shù)組指針操作的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要介紹了JS?Date時間格式化的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01