javascript css float屬性的特殊寫法
更新時間：2008年11月13日 00:16:06 作者：
使用js操作css屬性的寫法是有一定的規(guī)律的
1、對于沒有中劃線的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對于含有中劃線的css屬性，將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
這個規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。對在css中有一個特殊的屬性其js使用方法確比較特殊。
這個特殊的屬性就是:float。我們不能直接使用obj.style.float來使用，這樣操作是無效的。
其正確的使用方法是為：(IE、Opera):obj.style.styleFloat，其他瀏覽器(Firefox):obj.style.cssFloat
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對于含有中劃線的css屬性，將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
這個規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。對在css中有一個特殊的屬性其js使用方法確比較特殊。
這個特殊的屬性就是:float。我們不能直接使用obj.style.float來使用，這樣操作是無效的。
其正確的使用方法是為：(IE、Opera):obj.style.styleFloat，其他瀏覽器(Firefox):obj.style.cssFloat
您可能感興趣的文章:
- javascript css styleFloat和cssFloat
- css 跨瀏覽器實現(xiàn)float:center
- CSS中Float（浮動）相關(guān)技巧文章
- javascript下操作css的float屬性的特殊寫法
- css position: absolute、relative詳解
- CSS定位中Positoin、absolute、Relative的一些研究
- relative absolute無法沖破的等級問題解決
- Div CSS absolute與relative的區(qū)別小結(jié)
- position:relative/absolute無法沖破的等級
- 解決rs.absolutepage=-1的問題
- 詳細分析css float 屬性以及position:absolute 的區(qū)別
相關(guān)文章
Bootstrap+jfinal退出系統(tǒng)彈出確認框的實現(xiàn)方法
這篇文章主要為大家詳細介紹了Bootstrap+jfinal退出系統(tǒng)彈出框的實現(xiàn)方法，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了Javascript如何實現(xiàn)雙指控制圖片功能,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
這篇文章主要為大家詳細介紹了javascript表單正則應(yīng)用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了json解析的四種方法，有需要的朋友可以參考一下2014-01-01
利用原生js實現(xiàn)html5小游戲之打磚塊（附源碼）
這篇文章主要給大家介紹了關(guān)于利用原生js實現(xiàn)html5小游戲之打磚塊的相關(guān)資料，這是最近工作遇到的一個小需求，文中通過示例代碼介紹的非常詳細，并分享了完整的源碼供大家參考學(xué)習(xí)，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01
這篇文章主要為大家詳細介紹了js實現(xiàn)表單及時驗證功能，在輸入后就可以立即驗證，含用戶類型,性別,愛好等驗證,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
javascript中style.left和offsetLeft的用法說明
本篇文章主要是對javascript中style.left和offsetLeft的用法進行了說明介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
這篇文章主要為大家詳細介紹了原生JavaScript實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)代碼
這篇文章主要介紹了Js動態(tài)設(shè)置rem來實現(xiàn)移動端字體的自適應(yīng)代碼，代碼簡單易懂非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
這篇文章主要介紹了bootstrap日期控件（雙日期、清空等問題解決）相關(guān)知識,需要的朋友可以參考下2017-04-04