码迷,mamicode.com
首页 > Web开发 > 详细

cssFloat与styleFloat浏览器兼容

时间:2015-06-08 08:24:26      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

转载自:http://zhangyaochun.iteye.com/blog/1603324

 

首先,大家应该都知道由于兼容性原因,我们在获取元素的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下的方式:

 

 

Js代码  技术分享
  1. var  test = document.getElementById("test");  
  2. test.currentStyle.styleFloat;   //没有设置float返回none  
  3. test.style.styleFloat;  
 

 

 

 

4、其他的方式:

 

 

Js代码  技术分享
  1. var  test = document.getElementById("test");  
  2. window.getComputedStyle(test,null).cssFloat;  
  3. test.style.cssFloat;  
  4. test.style[‘float‘];  
 

cssFloat与styleFloat浏览器兼容

标签:

原文地址:http://www.cnblogs.com/fayzter/p/4560006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!