本文向大家簡(jiǎn)單介紹一下JS操作css的float屬性的特殊寫法，對(duì)于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的***個(gè)字符換成大寫即可。

Js style float

JS操作css的float屬性的特殊寫法

使用js操作css屬性的寫法是有一定的規(guī)律的：

1、對(duì)于沒(méi)有中劃線的css屬性一般直接使用style.屬性名即可。

如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。

2、對(duì)于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的***個(gè)字符換成大寫即可。

如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。

這個(gè)規(guī)律我想大多數(shù)的前端開(kāi)發(fā)者也都熟知。但在css中有一個(gè)特殊的屬性其js使用方法比較特殊。這個(gè)特殊的屬性就是:float。我們不能直接使用obj.style.float來(lái)使用，這樣操作是無(wú)效的。

其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器:obj.style.cssFloat。

【編輯推薦】

1. 解決JS在firefox和IE下差異問(wèn)題
2. JS中Array數(shù)組的三大屬性用法揭秘
3. 盤點(diǎn)JavaScript中Function三大用途
4. 技術(shù)分享 如何識(shí)別控制DHTML和JS中的頁(yè)面元素
5. JavaScript調(diào)試工具解決IE6等多版本共存問(wèn)題