本文对比Internet Explorer与Firefox在JavaScript操作CSS属性时的语法差异。重点解析float属性的styleFloat与cssFloat区别，获取计算样式时currentStyle与getComputedStyle的不同用法，以及class和label的for属性在getAttribute时的命名差异。
本文将简要介绍Internet Explorer与Firefox在JavaScript语法方面的7个不同之处。
1. CSS “float” 属性
CSS float 属性获取差异
获取对象特定CSS属性的基本语法是使用object.style属性，对于包含连字符的属性名，需转换为骆驼命名法。例如，获取ID为“header”的div元素的background-color属性，语法如下：
document.getElementById("header").style.borderBottom= "1px solid #ccc";
然而，由于“float”是JavaScript的保留字，无法直接使用object.style.float来获取该属性。以下是两种浏览器中的处理方法：
IE 语法：
代码如下:
document.getElementById("header").style.styleFloat = "left";Firefox 语法：
代码如下:
document.getElementById("header").style.cssFloat = "left";2. 元素的计算样式
元素计算样式获取方法
通过上述object.style.property语法，JavaScript可以方便地获取和修改对象的CSS样式。但该语法的局限在于，它只能获取HTML中内联的样式或通过JavaScript直接设置的样式，style对象无法获取外部样式表中定义的样式。为了获取对象的“计算样式”，可使用以下代码：
IE 语法：
代码如下:
var myObject = document.getElementById("header");
var myStyle = myObject.currentStyle.backgroundColor;Firefox 语法：
代码如下:
var myObject = document.getElementById("header");
var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);
var myStyle = myComputedStyle.backgroundColor;3. 获取元素的“class”属性
元素 class 属性获取
与“float”属性类似，这两种浏览器在获取该属性时使用了不同的JavaScript方法。
IE 语法：
代码如下:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("className");Firefox 语法：
代码如下:
var myObject = document.getElementById("header");
var myAttribute = myObject.getAttribute("class");4. 获取 label 标签的“for” 属性
label for 属性获取
与第3点类似，使用JavaScript获取label标签的“for”属性也存在语法差异。
IE 语法：
代码如下:
var myObject = document.getElementById("myLabel");
var myAttribute = myObject.getAttribute("htmlFor");Firefox 语法：
代码如下:
var myObject = document.getElementById("myLabel");
var myAttribute = myObject.getAttribute("for");对于setAttribute方法，也存在相同的语法差异。
1
2下一页阅读全文