IE和Firefox在JavaScript语法上不同的7个方面

核心提示： Firefox 语法：var myObject = document.getElementById("header");var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);va

Firefox 语法：

var myObject = document.getElementById("header");
var myComputedStyle = document.defaultView.getComputedStyle(myObject, null);
var myStyle = myComputedStyle.backgroundColor;

3. 获取元素的”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” 属性

和 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");

对于 setAtrribute 方法来说也是同样的语法。

5. 获取光标位置

获取元素的光标位置比较少见，如果需要这么做，IE 和 Firefox 的语法也是不同的。这个示例代码是相当基础的，一般用作许多复杂事件处理的一部分，这里仅用来描述差异。需要注意的是，IE 中的结果和 Firefox 中是不同的，因此这个方法有些问题。通常，这个差异可以通过获取 “滚动位置” 来补偿 － 但那是另外一篇文章的课题了。