关于js的在ie和Firefox的差别

1. CSS “float” 属性：

IE 语法：

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

Firefox 语法：

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

 

2. 元素的计算样式：

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”属性：

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” 属性：

IE 语法：

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

Firefox 语法：

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

5. 获取光标位置：

IE 语法：

var myCursorPosition = [0, 0];
myCursorPosition[0] = event.clientX;
myCursorPosition[1] = event.clientY;

Firefox 语法：

var myCursorPosition = [0, 0];
myCursorPosition[0] = event.pageX;
myCursorPosition[1] = event.pageY;

6. 获取视窗或浏览器窗口的尺寸：

IE 语法：

var myBrowserSize = [0, 0];
myBrowserSize[0] = document.documentElement.clientWidth;
myBrowserSize[1] = document.documentElement.clientHeight;

Firefox 语法：

var myBrowserSize = [0, 0];
myBrowserSize[0] = window.innerWidth;
myBrowserSize[1] = window.innerHeight;

7. Alpha 透明：

IE 语法：

#myElement {
filter: alpha(opacity=50);
}

Firefox 语法：

#myElement {
opacity: 0.5;
}

IE 语法：

var myObject = document.getElementById("myElement");
myObject.style.filter = "alpha(opacity=80)";

Firefox 语法：

var myObject = document.getElementById("myElement");
myObject.style.opacity = "0.5";