js調(diào)用css屬性寫(xiě)法
更新時(shí)間：2013年09月21日 11:59:39 作者：
對(duì)于沒(méi)有中劃線(xiàn)的css屬性一般直接使用style.屬性名即可，對(duì)于含有中劃線(xiàn)的css屬性，將每個(gè)中劃線(xiàn)去掉并將每個(gè)中劃線(xiàn)后的第一個(gè)字符換成大寫(xiě)即可，感興趣的朋友可以參考下
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等。
因?yàn)閒loat是Javascript的保留字，那怎么在js中書(shū)寫(xiě)樣式表中的float呢？
我們不能直接使用obj.style.float來(lái)使用，這樣操作是無(wú)效的。
其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器Mozilla(gecko)，ff等用styleFloat:obj.style.cssFloat。
如：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等。
因?yàn)閒loat是Javascript的保留字，那怎么在js中書(shū)寫(xiě)樣式表中的float呢？
我們不能直接使用obj.style.float來(lái)使用，這樣操作是無(wú)效的。
其正確的使用方法是為：IE:obj.style.styleFloat，其他瀏覽器Mozilla(gecko)，ff等用styleFloat:obj.style.cssFloat。
相關(guān)文章
ant design下運(yùn)用js實(shí)現(xiàn)框選功能，這篇文章主要介紹了ant design實(shí)現(xiàn)圈選功能,本文通過(guò)實(shí)例代碼截圖的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2019-12-12
JS實(shí)現(xiàn)控制表格內(nèi)指定單元格內(nèi)容對(duì)齊的方法
這篇文章主要介紹了JS實(shí)現(xiàn)控制表格內(nèi)指定單元格內(nèi)容對(duì)齊的方法,涉及javascript操作表格單元格內(nèi)容樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)?lái)一篇JS中的forEach、$.each、map方法推薦。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-04-04
可多次使用的仿126郵箱選項(xiàng)卡的源碼...2007-10-10
JS實(shí)現(xiàn)消息來(lái)時(shí)讓網(wǎng)頁(yè)標(biāo)題閃動(dòng)效果的方法
這篇文章主要介紹了JS實(shí)現(xiàn)消息來(lái)時(shí)讓網(wǎng)頁(yè)標(biāo)題閃動(dòng)效果的方法,實(shí)例分析了JavaScript基于時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素的技巧,并附帶了開(kāi)心網(wǎng)的標(biāo)題閃動(dòng)解決方案,需要的朋友可以參考下2016-04-04
JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)復(fù)選框全選或全取消操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了js原型鏈和vue構(gòu)造函數(shù)的相關(guān)知識(shí)，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2018-10-10
JavaScript中字符串分割函數(shù)split用法實(shí)例
這篇文章主要介紹了JavaScript中字符串分割函數(shù)split用法,實(shí)例分析了javascript中split函數(shù)操作字符串的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
js中symbol類(lèi)型以及symbol的三大應(yīng)用場(chǎng)景詳解
Symbol是ES6新推出的一種基本類(lèi)型,它表示獨(dú)一無(wú)二的值,它可以接受一個(gè)字符串作為參數(shù),帶有相同參數(shù)的兩個(gè)Symbol值不相等,這個(gè)參數(shù)只是表示Symbol值的描述而已,下面這篇文章主要給大家介紹了關(guān)于js中symbol類(lèi)型以及symbol的三大應(yīng)用場(chǎng)景,需要的朋友可以參考下2022-09-09
JS實(shí)戰(zhàn)例子之實(shí)現(xiàn)自動(dòng)打字機(jī)動(dòng)效
什么是打字機(jī)效果呢?打字機(jī)效果即為文字逐個(gè)輸出,實(shí)際上就是一種Web動(dòng)畫(huà),下面這篇文章主要給大家介紹了關(guān)于JS實(shí)戰(zhàn)例子之實(shí)現(xiàn)自動(dòng)打字機(jī)動(dòng)效的相關(guān)資料,需要的朋友可以參考下2023-01-01