解决Firefox不支持Js的InnerHtml问题

    由于W3C标准对Javascript语法进行了规范，即ECMAScript。而Firefox严格遵守ECMAScript规范，所以对 javascript一些属性和方法不支持（其实不能说是Firefox不支持，而是对不规范的写法不支持，符合标准的写法还是支持的），Firefox 希望程序设计师都采用规范的ECMAScript标准来书写代码，这样一些适应传统习惯的IE下的写法就会撞到很多的问题。

 

比如利用JS的InnerHtml属性动态替换广告代码的写法就在Firefox浏览器下不支持了。

原来的代码如下：

 

<span id="ad_1"></span>
<SPAN id="ad_11" style="visibility:hidden;">
<script language="JavaScript" src="/js/ad_1.js"></script>
</SPAN>
<SCRIPT>ad_1.innerHTML=ad_11.innerHTML;ad_11.innerHTML="";</SCRIPT>

 

上面的代码在IE、chrome等浏览器下可以被正确的执行替换，而在Firefox下就不能。其实解决方法也很简单，就让我们按照ECMAScript 规范写代码即可。上面的代码修正为下面的即可：

 

<span id="ad_1"></span>
<SPAN id="ad_11" style="visibility:hidden;">
<script language="JavaScript" src="/js/ad_1.js"></script>
</SPAN>
<SCRIPT>document.getElementById("ad_1").innerHTML=document.getElementById("ad_11").innerHTML;document.getElementById("ad_11").innerHTML="";</SCRIPT>

 

不要直接使用DIV或SPAN的id，而是通过 document.getElementById("div_id") 来执行替换即可。另 外，Firefox是不支持 innerTEXT 属性的。