解决firefox不支持innerText的办法

最新推荐文章于 2022-03-10 14:08:42 发布

尜尜alp

最新推荐文章于 2022-03-10 14:08:42 发布

阅读量1.6k

点赞数 1

分类专栏： web前端 js 原生js HTML javascript 文章标签： innerText html javascript web前端 firefox

本文链接：https://blog.csdn.net/gaga06/article/details/9816525

版权

web前端同时被 3 个专栏收录

51 篇文章 0 订阅

订阅专栏

原生js

50 篇文章 0 订阅

订阅专栏

javascript

34 篇文章 0 订阅

订阅专栏

js代码：
<script>
window.onload = function(){
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;  
    }  
   );  
};
var test = document.getElementById("test");

var innerText_s = test.innerText;

if( innerText_s == undefined ){

alert( test.textContent ); // firefox

}else{ 

alert( test.innerText);

};





}





</script>





html代码
<div id="test">

      <span style="color:red">test1</span> test2

</div>