如何用js控制css中的float的代碼
更新時(shí)間：2007年08月16日 20:05:48 作者：
這里向大家描述一下JS操作css的float屬性的特殊寫法，使用js操作css屬性的寫法是有一定的規(guī)律的，對于沒有中劃線的css屬性一般直接使用style.屬性名即可
ie里面用styleFloat
其他用cssFloat
本文向大家簡單介紹一下JS操作css的float屬性的特殊寫法，對于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫即可。
Js style float
JS操作css的float屬性的特殊寫法
使用js操作css屬性的寫法是有一定的規(guī)律的：
1、對于沒有中劃線的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫即可。
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
這個(gè)規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。但在css中有一個(gè)特殊的屬性其js使用方法比較特殊。這個(gè)特殊的屬性就是:float。我們不能直接使用obj.style.float來使用，這樣操作是無效的。
其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器:obj.style.cssFloat。
其他用cssFloat
本文向大家簡單介紹一下JS操作css的float屬性的特殊寫法，對于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫即可。
Js style float
JS操作css的float屬性的特殊寫法
使用js操作css屬性的寫法是有一定的規(guī)律的：
1、對于沒有中劃線的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫即可。
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
這個(gè)規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。但在css中有一個(gè)特殊的屬性其js使用方法比較特殊。這個(gè)特殊的屬性就是:float。我們不能直接使用obj.style.float來使用，這樣操作是無效的。
其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器:obj.style.cssFloat。
相關(guān)文章
javascript框架設(shè)計(jì)讀書筆記之?dāng)?shù)組的擴(kuò)展與修復(fù)
本文是司徒正美的《javascript框架設(shè)計(jì)》的第三章第2節(jié)的讀書筆記，本節(jié)主要介紹的是javascript數(shù)組的擴(kuò)展與修復(fù)，本文則是選取了其中的重點(diǎn)部分展示給大家。2014-12-12
javascript圓盤抽獎(jiǎng)程序?qū)崿F(xiàn)原理和完整代碼例子
這篇文章主要介紹了javascript圓盤抽獎(jiǎng)程序?qū)崿F(xiàn)原理和完整代碼例子,需要的朋友可以參考下2014-06-06
兩種js監(jiān)聽滾輪事件的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄獌煞Njs監(jiān)聽滾輪事件的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
Bootstrap 響應(yīng)式實(shí)用工具實(shí)例詳解
Bootstrap 提供了一些輔助類，以便更快地實(shí)現(xiàn)對移動設(shè)備友好的開發(fā)。這些可以通過媒體查詢結(jié)合大型、小型和中型設(shè)備，實(shí)現(xiàn)內(nèi)容對設(shè)備的顯示和隱藏。下面通過本文給大家分享Bootstrap 響應(yīng)式實(shí)用工具，一起看看吧2017-03-03
微信小程序中插入激勵(lì)視頻廣告并獲取收益(實(shí)例代碼)
這篇文章主要介紹了微信小程序中插入激勵(lì)視頻廣告并獲取收益，通過代碼給大家介紹了如何插入及注意事項(xiàng),需要的朋友可以參考下2019-12-12
深入理解webpack process.env.NODE_ENV配置
這篇文章主要介紹了深入理解webpack process.env.NODE_ENV配置，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
Javascript 圓角div的實(shí)現(xiàn)代碼
為什么要做圓角的div： 圓角div平滑美觀，某些情況下有比較不錯(cuò)的效果。比如說要做一個(gè)報(bào)message的消息框，那么動態(tài)的生成一個(gè)圓角div則很有意義。而對html樣式控制的css本身是不直接支持圓角div的。2009-10-10
移動Web中圖片自適應(yīng)的兩種JavaScript解決方法
這篇文章主要介紹了移動Web中圖片自適應(yīng)的兩種JavaScript解決方法,本文針對手機(jī)站點(diǎn)中的圖片自適應(yīng)問題,給出了圖集解決方法和單篇文章的解決方法,需要的朋友可以參考下2015-06-06
iscroll動態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細(xì)介紹了iscroll動態(tài)加載數(shù)據(jù)的完美解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了詳解JavaScript的變量和數(shù)據(jù)類型，需要的朋友可以參考下2015-11-11