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(火狐)兼容性解决方案 在Web开发过程中,浏览器兼容性问题一直是开发者们关注的重点之一。由于不同的浏览器对于Web标准的支持程度存在差异,这导致了同样的代码在不同浏览器中的表现...
本文详细介绍了如何在IE和Firefox浏览器之间实现`innerText`和`innerHTML`属性的兼容性处理。通过使用条件判断以及正则表达式的辅助,我们可以确保代码在不同浏览器中都能稳定运行。这对于提升Web应用的用户体验具有...
在IE和Firefox中,创建XML文档的方法有所不同。IE提供了ActiveXObject,可以创建XMLDOM对象,如`new ActiveXObject("MSXML2.DOMDocument")`,而Firefox和其他遵循W3C标准的浏览器则使用`document.implementation....
通过这样的方式,开发者可以在Firefox中模拟出与IE浏览器相同的行为,使得`innerText`在两个浏览器上都能正常工作,提升了代码的可移植性和用户体验。同时,这也体现了JavaScript的灵活性,可以通过扩展内置对象的...
- 如果只需要文本内容且不关心空白,`innerHTML`在IE和Firefox中都可以使用。 3. 禁止选取网页内容: - IE使用JavaScript事件处理函数`obj.onselectstart=function(){return false;}`来禁止选中,Firefox则通过...
- IE和Firefox在处理表格元素时可能有不同的行为,例如`innerHTML`赋值。需要针对特定情况处理。 14. **padding简写问题** - Firefox支持`padding: 10px;`,而老版本IE可能需要分别设置`padding-top`, `padding-...
浏览器兼容性问题收集(IE, Firefox, Chrome, Safari) 本文主要收集了浏览器兼容性问题,涵盖了 IE, Firefox, Chrome, Safari 等多种浏览器的兼容性问题。这些问题都是 WEB 开发者们经常遇到的问题,了解这些问题...
为了统一处理方式,可以通过以下代码为Firefox定义一个兼容的`innerText`属性。 ```javascript // Firefox HTMLElement.prototype.__defineGetter__("innerText", function() { var anyString = ""; var childS ...
关于元素的边界问题,IE和Firefox对待边框的方式不同。在IE中,元素的宽度和高度包含了边框,而在Firefox中,边框会增加元素的实际尺寸。因此,开发者需要考虑到这些差异,以确保跨浏览器的一致性。 在CSS处理上,...
### JavaScript在Internet Explorer (IE) 和 Firefox 中的区别与解决方案 #### 一、获取HTML元素的方式差异 1. **通过ID获取元素**: - **IE**:支持`document.getElementById`和`document.all`两种方式。 - ...
- `innerHTML`和`innerText`:IE支持`innerText`,Firefox支持`textContent`,使用时需要考虑兼容性。 解决这些问题通常需要编写条件语句,使用库(如jQuery)或适配器模式来封装差异。理解这些兼容性问题并采取...
在写兼容IE和Firefox的拖动窗口代码时,需要特别注意这一点。 为了统一处理不同浏览器的行为,可以通过编写JavaScript代码来检测浏览器类型。如果浏览器支持document.all语法,则认为是IE浏览器,否则为Firefox。...
本文主要探讨的是IE(Internet Explorer)与火狐(Firefox)这两种浏览器在JavaScript编程中所遇到的一些常见兼容性问题,并提出相应的解决方案。 #### 二、关键兼容性问题及解决方法 ##### 1. 获取DOM元素的方式 ...
本文将详细解析在Firefox浏览器中实现JS脚本兼容的一些关键点,以确保代码在Firefox和其他浏览器上的表现一致。 1. **window.event 兼容脚本** 在IE中,`window.event`可以直接获取当前事件对象,但在Firefox中则...
7. `onerror`事件:IE和Firefox处理脚本和图像错误的方式不同,可能需要额外的代码来确保跨浏览器兼容性。 了解并掌握这些差异是开发跨浏览器Web应用的关键,尤其是在需要兼容旧版本浏览器的项目中。开发者通常会...
### IE和火狐的兼容问题总结 在前端开发过程中,我们经常会遇到不同浏览器之间的兼容性问题,特别是Internet Explorer(简称IE)与Firefox(火狐)之间的差异。由于这两种浏览器在处理CSS和JavaScript方面存在显著...
通过`getEvent()`函数,我们可以获取到当前事件,同时兼容IE和Firefox。函数内部通过判断条件检查事件对象是否存在,从而实现兼容。 2. **屏蔽Form提交事件**: 在阻止表单提交时,IE使用`event.returnValue=false...