IE和Firefox的Javascript兼容性总结

核心提示： 在Firefox中这样写：varmyObject=document.getElementById("myLabel");varmyAttribute=myObject.getAttribute("for");【兼容处理】解决的方法也是先 判断浏览器类型，3

在Firefox中这样写：

var　myObject　=　document.getElementById("myLabel");
var　myAttribute　=　myObject.getAttribute("for");

【兼容处理】解决的方法也是先 判断浏览器类型。

3. 访问和设置class属性

【分析说明】同样由于class是Javascript保留字的原因，这两种浏览器使用不同的 JavaScript 方法来获取这个属性。

IE8.0之前的所有IE版本的写法：

var　myObject　=　document.getElementById("header");
var　myAttribute　=　myObject.getAttribute("className");

适用于IE8.0 以及 firefox的写法：

var　myObject　=　document.getElementById("header");
var　myAttribute　=　myObject.getAttribute("class");

另外，在使用setAttribute()设置Class属性的时候，两种浏览器也存在同样的差异。

setAttribute("className",value);

这种写法适用于IE8.0之前的所有IE版本，注意：IE8.0也不支持"className"属性了。

setAttribute("class",value);适用于IE8.0 以及 firefox。

【兼容处理】

方法一，两种都写上：

var　myObject　=　document.getElementById("header");
myObject.setAttribute("class","classValue");
myObject.setAttribute("className","classValue");
　//设置header的class为classValue

方法二，IE和FF都支持object.className，所以可以这样写：

var　myObject　=　document.getElementById("header");
myObject.className="classValue";//设置header的class为classValue

方法三，先判断浏览器类型，再根据浏览器类型采用对应的写法。