关于cssFloat与styleFloat

首先，大家应该都知道由于兼容性原因，我们在获取元素的float的值的时候，会用到这个。

 

 

今天整理一个完整的浏览器兼容的list

 

 

	IE6-8	IE9	FF	Chrome	Safari	Opera
styleFloat	Y	Y	N	N	N	Y
cssFloat	N	Y	Y	Y	Y	Y
float	N	Y	N	Y	Y	N

 

 

1、float是ECMAScript的保留字

 

2、IE9和webkit系列的支持['float']的方式

 

3、IE下的方式:

 

 

var  test = document.getElementById("test");
test.currentStyle.styleFloat;   //没有设置float返回none
test.style.styleFloat;

 

 

 

 

4、其他的方式：

 

 

var  test = document.getElementById("test");
window.getComputedStyle(test,null).cssFloat;
test.style.cssFloat;
test.style['float'];

 

 

5、Opera与IE9支持两种方式