`
qhd_liwei
  • 浏览: 104964 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

innerText兼容火狐和IE

阅读更多
IE中的获取文本方法innerText在firefox中不支持
firefox改成了textContent方法/属性
并且在Firefox中文本中间的空白自符被无情的替换没了
使用起来异常不方便
现在好了,用Javascript重新定义了innerText方法
使得在Firefox中也可以使用innerText方法
并且此方法解决了firefox中空白字符的问题

使用方法:
将下面的脚本放在页面内
不管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>

分享到:
评论

相关推荐

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

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

    火狐与IE浏览器兼容代码

    本文详细介绍了如何在IE和Firefox浏览器之间实现`innerText`和`innerHTML`属性的兼容性处理。通过使用条件判断以及正则表达式的辅助,我们可以确保代码在不同浏览器中都能稳定运行。这对于提升Web应用的用户体验具有...

    javascript在IE和Firefox中兼容性问题

    在IE和Firefox中,创建XML文档的方法有所不同。IE提供了ActiveXObject,可以创建XMLDOM对象,如`new ActiveXObject("MSXML2.DOMDocument")`,而Firefox和其他遵循W3C标准的浏览器则使用`document.implementation....

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

    通过这样的方式,开发者可以在Firefox中模拟出与IE浏览器相同的行为,使得`innerText`在两个浏览器上都能正常工作,提升了代码的可移植性和用户体验。同时,这也体现了JavaScript的灵活性,可以通过扩展内置对象的...

    firefox和IE系列的相关区别整理 以备后用

    - 如果只需要文本内容且不关心空白,`innerHTML`在IE和Firefox中都可以使用。 3. 禁止选取网页内容: - IE使用JavaScript事件处理函数`obj.onselectstart=function(){return false;}`来禁止选中,Firefox则通过...

    Javascript在IE和FireFox中的兼容处理

    - IE和Firefox在处理表格元素时可能有不同的行为,例如`innerHTML`赋值。需要针对特定情况处理。 14. **padding简写问题** - Firefox支持`padding: 10px;`,而老版本IE可能需要分别设置`padding-top`, `padding-...

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

    浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题,涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题,了解这些问题...

    Firefox浏览器兼容JS脚本

    为了统一处理方式,可以通过以下代码为Firefox定义一个兼容的`innerText`属性。 ```javascript // Firefox HTMLElement.prototype.__defineGetter__("innerText", function() { var anyString = ""; var childS ...

    火狐和ie的区别

    关于元素的边界问题,IE和Firefox对待边框的方式不同。在IE中,元素的宽度和高度包含了边框,而在Firefox中,边框会增加元素的实际尺寸。因此,开发者需要考虑到这些差异,以确保跨浏览器的一致性。 在CSS处理上,...

    js在IE和fireFox的区别

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

    IE和Firefox的Javascript兼容性总结[定义].pdf

    - `innerHTML`和`innerText`:IE支持`innerText`,Firefox支持`textContent`,使用时需要考虑兼容性。 解决这些问题通常需要编写条件语句,使用库(如jQuery)或适配器模式来封装差异。理解这些兼容性问题并采取...

    js在IE与firefox的差异集锦

    在写兼容IE和Firefox的拖动窗口代码时,需要特别注意这一点。 为了统一处理不同浏览器的行为,可以通过编写JavaScript代码来检测浏览器类型。如果浏览器支持document.all语法,则认为是IE浏览器,否则为Firefox。...

    IE、火狐兼容性问题

    本文主要探讨的是IE(Internet Explorer)与火狐(Firefox)这两种浏览器在JavaScript编程中所遇到的一些常见兼容性问题,并提出相应的解决方案。 #### 二、关键兼容性问题及解决方法 ##### 1. 获取DOM元素的方式 ...

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

    本文将详细解析在Firefox浏览器中实现JS脚本兼容的一些关键点,以确保代码在Firefox和其他浏览器上的表现一致。 1. **window.event 兼容脚本** 在IE中,`window.event`可以直接获取当前事件对象,但在Firefox中则...

    IE和Firefox差异参考大全

    7. `onerror`事件:IE和Firefox处理脚本和图像错误的方式不同,可能需要额外的代码来确保跨浏览器兼容性。 了解并掌握这些差异是开发跨浏览器Web应用的关键,尤其是在需要兼容旧版本浏览器的项目中。开发者通常会...

    ie和火狐的兼容问题总结

    ### IE和火狐的兼容问题总结 在前端开发过程中,我们经常会遇到不同浏览器之间的兼容性问题,特别是Internet Explorer(简称IE)与Firefox(火狐)之间的差异。由于这两种浏览器在处理CSS和JavaScript方面存在显著...

    Firefox和IE浏览器兼容JS脚本写法小结

    通过`getEvent()`函数,我们可以获取到当前事件,同时兼容IE和Firefox。函数内部通过判断条件检查事件对象是否存在,从而实现兼容。 2. **屏蔽Form提交事件**: 在阻止表单提交时,IE使用`event.returnValue=false...

Global site tag (gtag.js) - Google Analytics