如何用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)文章
動(dòng)態(tài)添加js事件實(shí)現(xiàn)代碼
動(dòng)態(tài)添加js事件，主要是不用具體指定位置的事件，這種動(dòng)態(tài)添加事件的方法比較方便，并可以擴(kuò)展等。2009-03-03
JavaScript實(shí)現(xiàn)一個(gè)多少秒后自動(dòng)跳轉(zhuǎn)的頁面(案例代碼)
最近遇到這樣一個(gè)需求是用js簡單實(shí)現(xiàn)一個(gè)多少秒后自動(dòng)跳轉(zhuǎn)的頁面，實(shí)現(xiàn)代碼非常簡單，對js自動(dòng)跳轉(zhuǎn)頁面相關(guān)知識(shí)感興趣的朋友一起看看吧2023-01-01
event.keyCode鍵碼值表 附只能輸入特定的字符串代碼
非常不錯(cuò)的應(yīng)用，讓文本框里只能輸入money大家看下具體的實(shí)現(xiàn)代碼，真是只有想到，原理很簡單。2009-05-05
溫習(xí)Javascript基礎(chǔ)語法之詞法結(jié)構(gòu)
javascript是一門簡單的語言，也是一門復(fù)雜的語言。這篇文章主要介紹了溫習(xí)Javascript基礎(chǔ)語法之詞法結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2016-05-05
js當(dāng)前頁面登錄注冊框,固定div,底層陰影的實(shí)例代碼
下面小編就為大家?guī)硪黄猨s當(dāng)前頁面登錄注冊框,固定div,底層陰影的實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
javascript動(dòng)態(tài)添加樣式(行內(nèi)式/嵌入式/外鏈?zhǔn)降纫?guī)則)
添加CSS的方式有行內(nèi)式、嵌入式、外鏈?zhǔn)健?dǎo)入式，下面為大家詳細(xì)介紹下javascript動(dòng)態(tài)添加以上樣式規(guī)則的方法，感興趣的朋友可以參考下哈2013-06-06
uniapp中使用videojs構(gòu)建H5直播播放器
這篇文章主要為大家介紹了uniapp中使用videojs構(gòu)建H5直播播放器實(shí)現(xiàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例
這篇文章主要介紹了js之切換全屏和退出全屏實(shí)現(xiàn)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
jQuery中 DOM節(jié)點(diǎn)操作方法大全
本文給大家介紹了jQuery中 DOM節(jié)點(diǎn)操作方法大全，感興趣的朋友一起看看吧2017-10-10
這篇文章主要介紹了js類的繼承定義與用法,結(jié)合實(shí)例形式分析了javascript關(guān)于類的定義與繼承的相關(guān)使用技巧,需要的朋友可以參考下2019-06-06