如何用js控制css中的float的代碼
更新時(shí)間：2007年08月16日 20:05:48 作者：
這里向大家描述一下JS操作css的float屬性的特殊寫(xiě)法，使用js操作css屬性的寫(xiě)法是有一定的規(guī)律的，對(duì)于沒(méi)有中劃線(xiàn)的css屬性一般直接使用style.屬性名即可
ie里面用styleFloat
其他用cssFloat
本文向大家簡(jiǎn)單介紹一下JS操作css的float屬性的特殊寫(xiě)法，對(duì)于含有中劃線(xiàn)的css屬性，將每個(gè)中劃線(xiàn)去掉并將每個(gè)中劃線(xiàn)后的第一個(gè)字符換成大寫(xiě)即可。
Js style float
JS操作css的float屬性的特殊寫(xiě)法
使用js操作css屬性的寫(xiě)法是有一定的規(guī)律的：
1、對(duì)于沒(méi)有中劃線(xiàn)的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對(duì)于含有中劃線(xiàn)的css屬性，將每個(gè)中劃線(xiàn)去掉并將每個(gè)中劃線(xiàn)后的第一個(gè)字符換成大寫(xiě)即可。
如：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。
其他用cssFloat
本文向大家簡(jiǎn)單介紹一下JS操作css的float屬性的特殊寫(xiě)法，對(duì)于含有中劃線(xiàn)的css屬性，將每個(gè)中劃線(xiàn)去掉并將每個(gè)中劃線(xiàn)后的第一個(gè)字符換成大寫(xiě)即可。
Js style float
JS操作css的float屬性的特殊寫(xiě)法
使用js操作css屬性的寫(xiě)法是有一定的規(guī)律的：
1、對(duì)于沒(méi)有中劃線(xiàn)的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對(duì)于含有中劃線(xiàn)的css屬性，將每個(gè)中劃線(xiàn)去掉并將每個(gè)中劃線(xiàn)后的第一個(gè)字符換成大寫(xiě)即可。
如：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。
相關(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)的頁(yè)面(案例代碼)
最近遇到這樣一個(gè)需求是用js簡(jiǎn)單實(shí)現(xiàn)一個(gè)多少秒后自動(dòng)跳轉(zhuǎn)的頁(yè)面，實(shí)現(xiàn)代碼非常簡(jiǎn)單，對(duì)js自動(dòng)跳轉(zhuǎn)頁(yè)面相關(guān)知識(shí)感興趣的朋友一起看看吧2023-01-01
event.keyCode鍵碼值表 附只能輸入特定的字符串代碼
非常不錯(cuò)的應(yīng)用，讓文本框里只能輸入money大家看下具體的實(shí)現(xiàn)代碼，真是只有想到，原理很簡(jiǎn)單。2009-05-05
溫習(xí)Javascript基礎(chǔ)語(yǔ)法之詞法結(jié)構(gòu)
javascript是一門(mén)簡(jiǎn)單的語(yǔ)言，也是一門(mén)復(fù)雜的語(yǔ)言。這篇文章主要介紹了溫習(xí)Javascript基礎(chǔ)語(yǔ)法之詞法結(jié)構(gòu)的相關(guān)資料,需要的朋友可以參考下2016-05-05
js當(dāng)前頁(yè)面登錄注冊(cè)框,固定div,底層陰影的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇js當(dāng)前頁(yè)面登錄注冊(cè)框,固定div,底層陰影的實(shí)例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧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í)例,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
jQuery中 DOM節(jié)點(diǎn)操作方法大全
本文給大家介紹了jQuery中 DOM節(jié)點(diǎn)操作方法大全，感興趣的朋友一起看看吧2017-10-10
這篇文章主要介紹了js類(lèi)的繼承定義與用法,結(jié)合實(shí)例形式分析了javascript關(guān)于類(lèi)的定義與繼承的相關(guān)使用技巧,需要的朋友可以參考下2019-06-06