`
86asm
  • 浏览: 203743 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

如何解决firefox中的innerText方法失效

阅读更多
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;
        }
      ); 
} 

 今天用到,摘自网络。

分享到:
评论

相关推荐

    firefox浏览器不支持innerText的解决方法

    在提供的代码段中,我们看到一个针对Firefox的补丁,它定义了HTMLElement对象的getter和setter方法,以便在Firefox中使用innerText。 首先,这段代码检查当前的浏览器是否为IE(通过检测navigator.userAgent字符串...

    让FireFox支持innerText的实现代码

    在实际应用中,如果你的项目需要在Firefox上使用innerText,可以将上述代码添加到你的JavaScript文件中。这样,无论在Firefox还是IE,都可以统一地使用innerText属性来处理元素的文本内容,提高代码的兼容性和可维护...

    javascript在IE和Firefox中兼容性问题

    `getElementsByClassName`, `getElementsByTagName`, `getElementsByAttribute`等方法在IE和Firefox中实现不同。IE不支持`getElementsByClassName`,但Firefox支持。对于IE,可以使用`querySelectorAll`或自定义...

    Javascript的IE和Firefox(火狐)兼容性

    ### Javascript的IE与Firefox(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...

    让innerText在firefox火狐和IE浏览器都能用的写法

    为了解决这个问题,我们可以利用JavaScript的特性,为Firefox重新定义`innerText`方法,使其与IE浏览器保持一致的行为。这里提供了一个JavaScript代码片段,通过检测浏览器类型来判断是否需要定义`innerText`,如果...

    Firefox浏览器兼容JS脚本供参考

    为了在Firefox中模拟innerText的行为,可以通过`__defineGetter__`和`__defineSetter__`方法为HTMLElement原型添加getter和setter,使其在Firefox中表现得像innerText一样。 6. **长度兼容性** Firefox要求长度值...

    Javascript在IE和FireFox中的兼容处理

    - IE使用`innerText`,Firefox使用`textContent`。可以同时设置和获取这两个属性以确保兼容。 12. **样式相关数值大小问题** - Firefox返回的像素值通常不含单位,IE则包含。在处理时需要考虑这一点,例如使用`...

    js在IE与firefox的差异集锦

    而在Firefox中则需要使用addEventListener和removeEventListener方法,并将事件监听器的第三个参数设置为true,使其在捕获阶段触发。 5. 获取鼠标位置: 在IE中可以通过event对象的clientX和clientY属性来获取鼠标...

    js在IE和fireFox的区别

    ### JavaScript在Internet Explorer (IE) 和 Firefox 中的区别与解决方案 #### 一、获取HTML元素的方式差异 1. **通过ID获取元素**: - **IE**:支持`document.getElementById`和`document.all`两种方式。 - ...

    Firefox浏览器兼容JS脚本

    本文将围绕Firefox浏览器与Internet Explorer(简称IE)之间关于JavaScript脚本的兼容性差异进行详细探讨,并通过具体的示例来帮助开发者更好地理解和解决实际开发过程中遇到的问题。 #### 二、关键知识点详解 ###...

    javascript解决innerText浏览器兼容问题思路代码.docx

    这种方法不仅解决了 `innerText` 的兼容性问题,还提供了一种更加灵活的方式来处理文本内容的获取。 此外,对于更复杂的场景,还可以考虑使用现代前端库和框架(如 React 或 Vue.js)提供的工具和方法,这些工具...

    浏览器兼容性问题收集(IE,Firefox,Chrome,Safri)

    IE 和 Firefox 处理 DIV 元素边界的方式不同,IE 中的 DIV 元素的宽度和高度包括边框宽度,而 Firefox 中的 DIV 元素的宽度和高度不包括边框宽度。 7. 判断浏览器类型 可以使用 `var isIE=document.all ? true : ...

    IE和火狐下获取单元格内容的共通方法

    尤其是对于一些特定的DOM操作,不同的浏览器可能有不同的实现方式,导致代码在Internet Explorer(IE)和Firefox等浏览器中的表现不一致。"IE和火狐下获取单元格内容的共通方法"这个主题就聚焦于解决这个问题,即...

    IE和Firefox差异参考大全

    在互联网的早期,IE(Internet Explorer)和Firefox(火狐浏览器)是两个主要的Web浏览平台,它们在处理CSS(层叠样式表)和JavaScript方面存在显著的差异。这些差异对于开发者来说至关重要,因为它们影响了网站在...

    innerHTML和innerText的区别

    但是,需要注意的是,innerText 属性只适用于 IE 浏览器,在其他浏览器中可能不支持。 outerHTML 属性 outerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 元素本身。例如,在上面的代码中,test.outerHTML...

Global site tag (gtag.js) - Google Analytics