IE与Firefox在JavaScript上的7个不同句法

document.getElementById("header").style.backgroundColor=
    "#ccc"; 

但由于"float"这个词是一个JavaScript保留字，因此我们不能用 object.style.float来访问，这里，我们可以在两种浏览器中这么做：

在IE中这样写：

document.getElementById("header").style.styleFloat
        = "left"; 

在Firefox中这样写：

document.getElementById("header").style.cssFloat
        = "left"; 

2. 元素的推算样式
JavaScript可以使用object.style.property句法，方便地在外部访问和修改某个CSS样式，但其限制是这些句法只能取出已设的行内样式或者直接由JavaScript设定的样式。并不能访问某个外部的样式表。为了访问元素的"推算"样式，我们可以使用下面的代码：

在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"
像"float"一样，"class"是JavaScript的一个保留字，在这两个浏览器中我们使用如下句法来访问"class"。
在IE中这样写：

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

在Firefox中这样写：

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

This syntax would also apply using the setAttribute method.

4. 访问标签中的"for"
就第3点中所提到的，我们同样需要使用不现的句法区分来访问标签中的"for"：

在IE中这样写：

var myObject = document.getElementById("myLabel"