解决非IE无法使用innerText问题

最新推荐文章于 2022-12-03 11:02:35 发布

原创最新推荐文章于 2022-12-03 11:02:35 发布 · 421 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了如何在不同浏览器中实现HTML元素的innerText属性的统一处理，通过自定义getter和setter方法来解决跨浏览器兼容性问题。

function   isIE(){ //判断是否是ie
      if   (window.navigator.userAgent.toString().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].innerText;
            else   if(childS[i].nodeType==3)
              anyString   +=   childS[i].nodeValue;
          }
          return   anyString;
        }
      );
      HTMLElement.prototype.__defineSetter__(           "innerText",
        function(sText){
          this.textContent=sText;
        }
      ); 
}