如何用js控制css中的float的代碼
更新時間:2007年08月16日 20:05:48 作者:
這里向大家描述一下JS操作css的float屬性的特殊寫法,使用js操作css屬性的寫法是有一定的規(guī)律的,對于沒有中劃線的css屬性一般直接使用style.屬性名即可
ie里面用styleFloat
其他用cssFloat
本文向大家簡單介紹一下JS操作css的float屬性的特殊寫法,對于含有中劃線的css屬性,將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
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屬性,將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。
這個規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。但在css中有一個特殊的屬性其js使用方法比較特殊。這個特殊的屬性就是:float。我們不能直接使用obj.style.float來使用,這樣操作是無效的。
其正確的使用方法是為:IE:obj.style.styleFloat,其他瀏覽器:obj.style.cssFloat。
其他用cssFloat
本文向大家簡單介紹一下JS操作css的float屬性的特殊寫法,對于含有中劃線的css屬性,將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
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屬性,將每個中劃線去掉并將每個中劃線后的第一個字符換成大寫即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。
這個規(guī)律我想大多數(shù)的前端開發(fā)者也都熟知。但在css中有一個特殊的屬性其js使用方法比較特殊。這個特殊的屬性就是:float。我們不能直接使用obj.style.float來使用,這樣操作是無效的。
其正確的使用方法是為:IE:obj.style.styleFloat,其他瀏覽器:obj.style.cssFloat。
相關(guān)文章
javascript框架設(shè)計讀書筆記之?dāng)?shù)組的擴(kuò)展與修復(fù)
本文是司徒正美的《javascript框架設(shè)計》的第三章第2節(jié)的讀書筆記,本節(jié)主要介紹的是javascript數(shù)組的擴(kuò)展與修復(fù),本文則是選取了其中的重點部分展示給大家。2014-12-12
javascript圓盤抽獎程序?qū)崿F(xiàn)原理和完整代碼例子
這篇文章主要介紹了javascript圓盤抽獎程序?qū)崿F(xiàn)原理和完整代碼例子,需要的朋友可以參考下2014-06-06
深入理解webpack process.env.NODE_ENV配置
這篇文章主要介紹了深入理解webpack process.env.NODE_ENV配置,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
移動Web中圖片自適應(yīng)的兩種JavaScript解決方法
這篇文章主要介紹了移動Web中圖片自適應(yīng)的兩種JavaScript解決方法,本文針對手機(jī)站點中的圖片自適應(yīng)問題,給出了圖集解決方法和單篇文章的解決方法,需要的朋友可以參考下2015-06-06
iscroll動態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細(xì)介紹了iscroll動態(tài)加載數(shù)據(jù)的完美解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-07-07

