注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

Javascript中CSS属性float的特殊写法  

2012-05-17 09:55:40|  分类: js |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

今天在用YUI压缩JS的时候出现了报错,检查了一下,发现是因为代码中有这样的语句“style.float”。开始不是很明白为什么这样会报错,在查

阅大量资料并进行多个浏览器的测试后才明白了其中的原由。

要点梳理:

1. float是Javascript中的保留字,因此使用style.float是无效的(在Chrome和IE9中正常,而在FF和IE6~8中均无效)。

2. 在FF、Chrome、IE9中,style.float是用style.cssFloat代替的(之所以说“代替”,是因为除float属性之外,其余属性的书写都符合同样的规

则:只含单个单词的属性保持原样,包含中划线的属性将中划线去掉并将中划线后的第一个字母大写)。

3. 在IE中(IE6~IE9),style.float是用style.styleFloat代替的。

解决方案一:

var o = document.getElementById("tmp");

o.style.cssText = "float:left";

这种方案的缺点是牵一发而动全身,因为这个赋值分两部分完成:第一步清除style.cssText中原有的全部内容(其中可能包括大量的其他样

式),第二步将"float:left"赋值给它。也就是“覆盖”的意思。

解决方案二:

var o = document.getElementById("tmp");

o.style.cssFloat = o.style.styleFloat = "left";

这种方案是推荐方案,因为它兼容所有浏览器(FF&Chrome&IE6~9),并且不会影响float之外的样式。

  评论这张
 
阅读(218)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017