js動(dòng)態(tài)調(diào)用css屬性的小規(guī)律及實(shí)例說明
剛才看到一篇好的文章介紹js調(diào)用css屬性，( ^_^ )不錯(cuò)嘛！免的自己忘記，總結(jié)一下
1、對(duì)于沒有中劃線的css屬性一般直接使用style.屬性名即可。
如：obj.style.margin，obj.style.width，obj.style.left，obj.style.position等。
2、對(duì)于含有中劃線的css屬性，將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫即可。
如：obj.style.marginTop，obj.style.borderLeftWidth，obj.style.zIndex，obj.style.fontFamily等。
因?yàn)閒loat是Javascript的保留字，那怎么在js中書寫樣式表中的float呢？
我們不能直接使用obj.style.float來使用，這樣操作是無效的。
其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器Mozilla(gecko)，ff等用styleFloat:obj.style.cssFloat。
給個(gè)例子讓大家好理解：
<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 錯(cuò)誤處理與調(diào)試經(jīng)驗(yàn)總結(jié)
- js下關(guān)于onmouseout、事件冒泡的問題經(jīng)驗(yàn)小結(jié)
- 寫給想學(xué)習(xí)Javascript的朋友一點(diǎn)學(xué)習(xí)經(jīng)驗(yàn)小結(jié)
- javascript 操作select下拉列表框的一點(diǎn)小經(jīng)驗(yàn)
- JS前端框架關(guān)于重構(gòu)的失敗經(jīng)驗(yàn)分享
- JS效率個(gè)人經(jīng)驗(yàn)談（8-15更新），加入range技巧
- javascript 框架小結(jié) 個(gè)人工作經(jīng)驗(yàn)
- jquery.validate.js插件使用經(jīng)驗(yàn)記錄
- Javascript 多瀏覽器兼容總結(jié)(實(shí)戰(zhàn)經(jīng)驗(yàn))
- 使用node.js半年來總結(jié)的 10 條經(jīng)驗(yàn)
- javascript 構(gòu)造函數(shù)強(qiáng)制調(diào)用經(jīng)驗(yàn)總結(jié)
- 【經(jīng)驗(yàn)總結(jié)】編寫JavaScript代碼時(shí)應(yīng)遵循的14條規(guī)律
相關(guān)文章
本文給大家分享了幾個(gè)javascript中常用的方法，十分的實(shí)用，也很簡單，有需要的小伙伴可以參考下。2015-07-07
JSON 數(shù)據(jù)詳解及實(shí)例代碼分析
這篇文章主要介紹了JSON 數(shù)據(jù)詳解及實(shí)例代碼分析的相關(guān)資料,需要的朋友可以參考下2017-01-01
Bootstrap前端開發(fā)案例二，這篇文章能夠幫助大家更還好的進(jìn)行前端開發(fā)Bootstrap，相信大家會(huì)愛上Bootstrap2016-06-06
原生js實(shí)現(xiàn)點(diǎn)擊輪播切換圖片
這篇文章主要為大家詳細(xì)介紹了原生js點(diǎn)擊輪播切換圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽
本文介紹了用file標(biāo)簽實(shí)現(xiàn)多圖文件上傳預(yù)覽的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
在DOM里面操作textarea里面的字符，是比較麻煩的,本文將介紹一種比較簡單的方法，需要的朋友可以參考下2012-12-12
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡易圖片自動(dòng)輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
JavaScript實(shí)現(xiàn)無刷新上傳預(yù)覽圖片功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)無刷新上傳預(yù)覽圖片功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
JS實(shí)現(xiàn)漂亮的窗口拖拽效果(可改變大小、最大化、最小化、關(guān)閉)
這篇文章主要介紹了JS實(shí)現(xiàn)漂亮的窗口拖拽效果,具有可改變大小、最大化、最小化、關(guān)閉等功能,以完整實(shí)例形式較為詳細(xì)的分析了JavaScript操作窗口的大小改變、還原及關(guān)閉等功能的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-10-10
關(guān)于arguments,callee,caller等的測試
關(guān)于arguments,callee,caller等的測試...2006-12-12