firefox瀏覽器不支持innerText的解決方法
更新時(shí)間：2013年08月07日 15:25:25 作者：
在測試時(shí)發(fā)現(xiàn)firefox不支持innerText，該怎么辦呢？其實(shí)很簡單，本文為大家提供了一個解決方法，感興趣的朋友可以參考下，希望對大家有所幫助
js代碼：
<script>
window.onload = function(){
<PRE class=javascript name="code">if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText
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;
}
);
};</PRE>var test = document.getElementById("test");<BR>
var innerText_s = test.innerText;<BR>
if( innerText_s == undefined ){<BR>
alert( test.textContent ); // firefox<BR>
}else{ <BR>
alert( test.innerText);<BR>
};<BR>
<BR>
<BR>
}<BR>
<BR>
<BR>
</script><BR>
<PRE></PRE>
<P><BR>
</P>
<P>html代碼</P>
<P><div id="test"><BR>
<span style="color:red">test1</span> test2<BR>
</div><BR>
</P>
復(fù)制代碼 代碼如下:
<script>
window.onload = function(){
<PRE class=javascript name="code">if(window.navigator.userAgent.toLowerCase().indexOf("msie")==0){ //firefox innerText
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;
}
);
};</PRE>var test = document.getElementById("test");<BR>
var innerText_s = test.innerText;<BR>
if( innerText_s == undefined ){<BR>
alert( test.textContent ); // firefox<BR>
}else{ <BR>
alert( test.innerText);<BR>
};<BR>
<BR>
<BR>
}<BR>
<BR>
<BR>
</script><BR>
<PRE></PRE>
<P><BR>
</P>
<P>html代碼</P>
<P><div id="test"><BR>
<span style="color:red">test1</span> test2<BR>
</div><BR>
</P>
相關(guān)文章
一種新的javascript對象創(chuàng)建方式Object.create()
這篇文章主要介紹了一種新的javascript對象創(chuàng)建方式Object.create()，感興趣的小伙伴們可以參考一下2015-12-12
《javascript設(shè)計(jì)模式》學(xué)習(xí)筆記四：Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用實(shí)例分析
這篇文章主要介紹了Javascript面向?qū)ο蟪绦蛟O(shè)計(jì)鏈?zhǔn)秸{(diào)用,結(jié)合實(shí)例形式分析了《javascript設(shè)計(jì)模式》中鏈?zhǔn)秸{(diào)用的原理與簡單使用技巧,需要的朋友可以參考下2020-04-04
簡單實(shí)現(xiàn)JS倒計(jì)時(shí)效果
這篇文章主要教大家如何簡單實(shí)現(xiàn)JS倒計(jì)時(shí)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
總結(jié)分享10 個超棒的 JavaScript 簡寫技巧
這篇文章主要總結(jié)分享10 個超棒的 JavaScript 簡寫技巧，有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧，需要的朋友可以參考一下2022-06-06
這篇文章主要介紹了對象偽裝來實(shí)現(xiàn)繼承。我們在這里先來說一下這種方式的優(yōu)缺點(diǎn)2014-05-05
JavaScript 動態(tài)添加表格行 使用模板、標(biāo)記
在客戶端使用JavaScript動態(tài)添加表格行，先到網(wǎng)上找了相關(guān)的資料，發(fā)現(xiàn)有現(xiàn)成做好的組件，發(fā)現(xiàn)它只能夠滿足比較簡單的要求。2009-10-10
這篇文章主要給大家介紹了關(guān)于js中復(fù)選框的取值及賦值的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10
這篇文章主要介紹了如何使用three.js 制作一個三維的推箱子游戲，文中代碼非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
js完美解決IE6不支持position:fixed的bug
關(guān)于IE6，雖然它已被微軟拋棄很久了，但是由于大天朝的特殊行情（盜版）對于前端工程師來說，解決IE6兼容position:fixed的問題顯得很重要。特別是你需要用到頭尾懸停調(diào)用的時(shí)候2015-04-04
JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問題分析
這篇文章主要介紹了JavaScript 使用 splice 方法刪除數(shù)組元素可能導(dǎo)致的問題分析,當(dāng)在 JavaScript 中從數(shù)組中刪除元素時(shí)，使用 splice 方法時(shí)需要謹(jǐn)慎，本文給大家詳細(xì)講解，需要的朋友可以參考下2023-04-04