js動態(tài)調(diào)用css屬性的小規(guī)律及實例說明
剛才看到一篇好的文章介紹js調(diào)用css屬性,( ^_^ )不錯嘛!免的自己忘記,總結(jié)一下
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等。
因為float是Javascript的保留字,那怎么在js中書寫樣式表中的float呢?
我們不能直接使用obj.style.float來使用,這樣操作是無效的。
其正確的使用方法是為:IE:obj.style.styleFloat,其他瀏覽器Mozilla(gecko),ff等用styleFloat:obj.style.cssFloat。
給個例子讓大家好理解:
<div onclick="alert(this.style.float);
this.style.float='left';
alert(this.style.float);">測試1</div>
<div onclick="alert(this.style.float);
if(this.style.cssFloat){this.style.cssFloat='left';
}else{this.style.styleFloat='left';
}alert(this.style.float);">測試2</div>
- JavaScript 錯誤處理與調(diào)試經(jīng)驗總結(jié)
- js下關(guān)于onmouseout、事件冒泡的問題經(jīng)驗小結(jié)
- 寫給想學習Javascript的朋友一點學習經(jīng)驗小結(jié)
- javascript 操作select下拉列表框的一點小經(jīng)驗
- JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗分享
- JS效率個人經(jīng)驗談(8-15更新),加入range技巧
- javascript 框架小結(jié) 個人工作經(jīng)驗
- jquery.validate.js插件使用經(jīng)驗記錄
- Javascript 多瀏覽器兼容總結(jié)(實戰(zhàn)經(jīng)驗)
- 使用node.js半年來總結(jié)的 10 條經(jīng)驗
- javascript 構(gòu)造函數(shù)強制調(diào)用經(jīng)驗總結(jié)
- 【經(jīng)驗總結(jié)】編寫JavaScript代碼時應遵循的14條規(guī)律
相關(guān)文章
總結(jié)分享10個JavaScript代碼優(yōu)化小tips
這篇文章主要介紹了總結(jié)分享10個JavaScript代碼優(yōu)化小tips,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-07-07uniapp使用mui-player插件播放m3u8/flv視頻流示例代碼
在小程序里播放視頻是很常見的功能,下面這篇文章主要給大家介紹了關(guān)于uniapp使用mui-player插件播放m3u8/flv視頻流的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06JavaScript中split與join函數(shù)的進階使用技巧
這篇文章主要介紹了JavaScript中split與join函數(shù)的進階使用技巧,split和join通常被用來操作數(shù)組和字符串之間的轉(zhuǎn)換,需要的朋友可以參考下2016-05-05JavaScript 創(chuàng)建隨機數(shù)和隨機圖片
關(guān)于javascript隨機數(shù)的,很早以前的文章了,不過內(nèi)容還是不錯的,如果想要更多的效果,可以去腳本之家搜下。2009-12-12JavaScript日期時間與時間戳的轉(zhuǎn)換函數(shù)分享
這篇文章主要介紹了JavaScript日期時間與時間戳的轉(zhuǎn)換函數(shù)分享,本文給出兩個函數(shù)實現(xiàn)日期時間和時間戳間的轉(zhuǎn)換,需要的朋友可以參考下2015-01-01基于JavaScript實現(xiàn)表單密碼的隱藏和顯示出來
為了網(wǎng)站的安全性,很多朋友都把密碼設的比較復雜,但是如何密碼不能明顯示,不知道輸?shù)氖菍κ清e,為了安全起見可以把密碼顯示的,那么基于js代碼如何實現(xiàn)的呢?下面通過本文給大家介紹JavaScript實現(xiàn)表單密碼的隱藏和顯示,需要的朋友參考下2016-03-03