7处ff与ie中读写html、css相关属性的不同之处

1. float样式属性

IE syntax:

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

FF syntax:

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

2.获取计算之后的元素样式

IE syntax:

var element = document.getElementById("test"),
  elementStyle = element.currentStyle.backgroundColor;

FF syntax:

var element = document.getElementById("test"),
  computedStyle = document.defaultView.getComputedStyle(element, null),
  elementStyle = computedStyle.backgroundColor;

3.获得元素的"class"属性

IE syntax:

var element = document.getElementById("test"),
  classAttr = element.className;
 //or
  classAttr = element.getAttribute("className");

FF syntax:

var element = document.getElementById("test"),
  classAttr = element.getAttribute("class");

4.获取元素的“for”属性

IE syntax:

var element = document.getElementById("test"),
 forAttr = element.getAttribute("htmlFor");

FF syntax:

var element = document.getElementById("test"),
 forAttr = element.getAttribute("for");

5.获得鼠标的坐标位置

IE syntax:

var positionX = event.clientX,
  positionY = event.clientY;

FF syntax:

var positionX = event.pageX,
  positionY = event.pageY;

6.获取viewport，浏览器可用区域大小

IE syntax:

var browserViewportWidth = document.documentElement.clientWidth,
      browserViewportHeight = document.documentElement.clientHeight;

FF syntax:

var browserViewportWidth = window.innerWidth,
      browserViewportHeight = window.innerHeight;

7.alpha 透明度

IE syntax:

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

 

var element = document.getElementById("test");
element.style.filter = "alpha(opacity=80)";

FF syntax:

#test{
  opacity: 0.5
}

 

var element = document.getElementById("test");
element.style.opacity = "0.8";

 参考：http://www.impressivewebs.com/7-javascript-differences-between-firefox-ie/