如何用js控制css中的float的代碼

2019-11-21 01:58:10

字體：大中小

供稿：網(wǎng)友

ie里面用styleFloat
其他用cssFloat

本文向大家簡(jiǎn)單介紹一下JS操作css的float屬性的特殊寫(xiě)法，對(duì)于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫(xiě)即可。

Js style float

JS操作css的float屬性的特殊寫(xiě)法

使用js操作css屬性的寫(xiě)法是有一定的規(guī)律的：

1、對(duì)于沒(méi)有中劃線的css屬性一般直接使用style.屬性名即可。

如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。

2、對(duì)于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(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。

上一篇：Autocomplete Textbox Example javascript實(shí)現(xiàn)自動(dòng)完成成功

下一篇：javascript 控制超級(jí)鏈接的樣式代碼