让IE和Firefox都支持innerText(textContent )

本文介绍了一种简单的方法来让JavaScript代码同时兼容IE和Firefox浏览器。通过判断浏览器类型并相应地设置innerText或textContent属性,可以确保跨浏览器的一致性。此外,还提供了一个脚本,用于自动为Firefox下的DOM对象添加innerText属性,从而简化了开发者的编程工作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先总结一个比较简单的方法吧:

if(document.all){ document.getElementById('element').innerText = "my text"; } else{ document.getElementById('element').textContent = "my text"; }

然后再总结一个加一个JS就可以让你的现有的只支持IE浏览器的代码,直接支持Firefox的;

<mce:script type="text/javascript"><!-- var lBrowser = {}; lBrowser.agt = navigator.userAgent.toLowerCase(); lBrowser.isW3C = document.getElementById ? true:false; lBrowser.isIE = ((lBrowser.agt.indexOf("msie") != -1) && (lBrowser.agt.indexOf("opera") == -1) && (lBrowser.agt.indexOf("omniweb") == -1)); lBrowser.isNS6 = lBrowser.isW3C && (navigator.appName=="Netscape") ; lBrowser.isOpera = lBrowser.agt.indexOf("opera") != -1; lBrowser.isGecko = lBrowser.agt.indexOf("gecko") != -1; lBrowser.ieTrueBody =function (){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body; }; //为Firefox下的DOM对象增加innerText属性 if(lBrowser.isNS6){ //firefox innerText define HTMLElement.prototype.__defineGetter__( "innerText", function(){ return this.textContent; } ); HTMLElement.prototype.__defineSetter__( "innerText", function(sText){ this.textContent=sText; } ); } alert(lBrowser.isNS6); // --></mce:script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值