`

firefox不支持innerText

阅读更多

firefox不支持innerText

 近来写javascript 发现innerText在 firefox上是不支持的。但IE和FF都支持innerHTML,
怎样解决firefox支持innerText,我找一些资料发现原来FF有一个方法,类似innerText的功能,
这就是textContent了,但textContent会自动去除掉多余的空格,就这点有所不同外,基本是
与innertText相同的。这个是我的见解,如有不对之处,可以大家讨论一下。
 例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml " >
<head>
    <title>Untitled Page</title>
</head>
<body>
<div id="aa" >sdfasdfsd</div>
</body>
</html>
<script type ="text/javascript" >
var isie=document.all?true:false;
if(isie)
{
    var dd=document.getElementById('aa').innerText;
    alert(dd);
}
else
{
     var dd=document.getElementById('aa').textContent;
    alert(dd);
}
</script>
分享到:
评论

相关推荐

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

    然而,Firefox浏览器却并不支持innerText属性,而是使用textContent来达到相同的效果。在这种情况下,如果你的代码依赖于innerText,那么在Firefox上运行时可能会出现问题。 为了解决Firefox不支持innerText的问题...

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

    Firefox 不支持 innerText 属性,而是支持 textContent 属性来实现 innerText 的功能。开发者可以使用 textContent 属性来代替 innerText 属性。 2. 禁止选取网页内容 在 IE 中,可以使用 js 代码 `obj....

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

    Firefox不支持innerText属性,但它有textContent属性。为了在Firefox中模拟innerText的行为,可以通过`__defineGetter__`和`__defineSetter__`方法为HTMLElement原型添加getter和setter,使其在Firefox中表现得像...

    让FireFox支持innerText的实现代码

    为了让Firefox支持innerText属性,我们可以编写一段JavaScript代码来模拟其行为。以下是一个实现innerText功能的示例: ```javascript (function (bool) { function setInnerText(o, s) { while (o.childNodes....

    textContent在Firefox下与innerText等效的属性

    但在Firefox不支持该属性,好在FF下的DOM对象支持textContent,该属性与innerText等效。 演示实例: ”TestObj”&gt;Hi,I’m &lt;strong&gt;cnlei&lt;/strong&gt;.Welcome to my homepage:&lt;a&gt;http://www.cnlei.com&lt;/a&gt;.&lt;/p&gt; ...

    关于Mozilla浏览器不支持innerText的解决办法

    比如: ”test”&gt;&lt;strong&gt;...其原为是firefox中并不支持元素的innerText这个属性。当然,在网络上已经有很多好的方法来解决这个问题了,比如给HTMLElement原型添加一个属性(读取器)。 然而,所有文本节点都具有nod

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

    然而,Firefox浏览器并不直接支持innerText,而是使用textContent属性来实现类似的功能。textContent会返回元素及其所有子元素的纯文本内容,包括换行和空白字符。这导致在Firefox中使用innerText时会遇到兼容性问题...

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

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

    js在IE与firefox的差异集锦

    Firefox浏览器不支持innerText属性,而支持textContent属性。在使用innerText时,Firefox会保留字符串中的所有空格,而textContent则不会。如果不需要保留空格,可以通过textContent来实现innerText的功能。如果字符...

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

    - 在IE中,`innerText`用于获取或设置元素的文本内容,但Firefox不支持`innerText`,它使用`textContent`,但`textContent`会保留所有空白字符。 - 如果只需要文本内容且不关心空白,`innerHTML`在IE和Firefox中都...

    js在IE和fireFox的区别

    - **Firefox**:不支持`eval`用于此目的。 - **统一解决方案**:推荐使用`document.getElementById`。 #### 二、事件处理差异 1. **事件对象**: - **IE**:使用全局变量`window.event`。 - **Firefox**:事件...

    Firefox浏览器兼容JS脚本

    在处理DOM元素的文本内容时,Firefox不支持`innerText`属性,而IE支持。为了统一处理方式,可以通过以下代码为Firefox定义一个兼容的`innerText`属性。 ```javascript // Firefox HTMLElement.prototype.__...

    Javascript在IE和FireFox中的兼容处理

    - IE支持`document.all`来获取所有元素,Firefox则不支持。应优先使用`document.getElementById`或`querySelector`等标准方法。 4. **input的type属性问题** - 不同浏览器对某些HTML5新类型的输入框支持不同,如`...

    javascript在IE和Firefox中兼容性问题

    IE支持`innerText`属性来获取或设置元素的文本内容,而Firefox则使用`textContent`。为了兼容性,通常需要同时使用这两个属性。 5. **getElementsByName测试.html 和 getElementById测试.html** `...

Global site tag (gtag.js) - Google Analytics