javascript樣式

1、樣式樣式修改元素外觀方式修改元素外觀方式修改元素外觀主要有下面3種方法：修改ID，修改className修改元素的style屬性修改ID？會(huì)造成多么混亂的結(jié)果可想而知！修改className確實(shí)是非常好的方法，我們甚至可以利用CSS層疊，通過修改body的className來修改整個(gè)頁(yè)面的風(fēng)格！前提是我們必須寫特定的CSS！CSS代碼body.redStylebder:2pxsolidredbody.redStylecol:redbod

2、y.blueStylebder:2pxsolidbluebody.blueStylecol:blueJS代碼document.body.className=“redStyle“切換為“紅粉佳人”風(fēng)格document.body.className=“blueStyle“切換為“藍(lán)調(diào)情懷”風(fēng)格同其它HTML屬性不同的是，元素的style屬性是一個(gè)對(duì)象，CSS的屬性名和屬性值分別映射到了style對(duì)象的屬性名和屬性值，如定義對(duì)象的style=

3、“col:red“，在Javript中訪問時(shí)就可以這樣訪問：obj.style.col。但style屬性也有一些需要注意的地方，比如CSS屬性名中包含一些不能用作變量名的非法字符時(shí)，在Javript中訪問時(shí)，會(huì)自動(dòng)轉(zhuǎn)換成駝峰命名式。varoDiv=document.getElementById(“oDiv“)alert(oDiv.style.fontSize)自動(dòng)駝峰命名如果要直接獲取style屬性中的所有CSS文本，則可以使用styl

4、e對(duì)象的cssText屬性alert(oDiv.style.cssText)對(duì)于CSS簡(jiǎn)寫方式，各個(gè)瀏覽器返回結(jié)果出現(xiàn)分歧alert(oDiv.style.bder)需要分別獲取值alert(oDiv.style.bderLeftCol)但會(huì)很麻煩對(duì)于顏色，火狐總返回RGB表現(xiàn)形式但設(shè)置時(shí)可以使用十六進(jìn)制形式alert(oDiv.style.backgroundCol)火狐會(huì)返回rgb(xyz)但是元素的style屬性僅僅提供了內(nèi)聯(lián)樣式