低版本Firefox支持innerText属性兼容方法

时间:2021-05-15 14:22:02

  FireFox支持innerText属性了,很遗憾是44.0.2版本以下还需要兼容处理。

  方法一:

    innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器,因此,尽可能地去使用innerHTML,而少用innerText,如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。

  方法二:

    FireFox中也提供了另外一个属性innerContent,功能与innerText相当。据此可写出一个通用的支持IE与FireFox的方法。
  

if(window.navigator.userAgent.toLowerCase().indexOf(“firefox”)!=-1)
{
document.getElementById(“div”).innerContent=”替代文字”;
}
else
{
document.getElementById(“div”).innerText=”替代文字”;
}

  方法三:

    在一般浏览器,ie,360,谷歌中都支持innerText,但是火狐不支持innerText,火狐中要用textContent,并且在Firefox中文本中间的空白字符被替换了。所以代码我们应该这样写

function getDetail(obj){
var str= obj.innerText;
if( str == null ) str = obj.textContent ; // 兼容火狐
return str;
}

  

参考:

http://blog.csdn.net/baiding1123/article/details/51459317

http://www.xuebuyuan.com/2000682.html

http://www.cnblogs.com/zhangtongzct/p/5107438.html