版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
1、樣式樣式修改元素外觀方式修改元素外觀方式修改元素外觀主要有下面3種方法:修改ID,修改className修改元素的style屬性修改ID?會造成多么混亂的結(jié)果可想而知!修改className確實(shí)是非常好的方法,我們甚至可以利用CSS層疊,通過修改body的className來修改整個頁面的風(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屬性是一個對象,CSS的屬性名和屬性值分別映射到了style對象的屬性名和屬性值,如定義對象的style=
3、“col:red“,在Javript中訪問時就可以這樣訪問:obj.style.col。但style屬性也有一些需要注意的地方,比如CSS屬性名中包含一些不能用作變量名的非法字符時,在Javript中訪問時,會自動轉(zhuǎn)換成駝峰命名式。varoDiv=document.getElementById(“oDiv“)alert(oDiv.style.fontSize)自動駝峰命名如果要直接獲取style屬性中的所有CSS文本,則可以使用styl
4、e對象的cssText屬性alert(oDiv.style.cssText)對于CSS簡寫方式,各個瀏覽器返回結(jié)果出現(xiàn)分歧alert(oDiv.style.bder)需要分別獲取值alert(oDiv.style.bderLeftCol)但會很麻煩對于顏色,火狐總返回RGB表現(xiàn)形式但設(shè)置時可以使用十六進(jìn)制形式alert(oDiv.style.backgroundCol)火狐會返回rgb(xyz)但是元素的style屬性僅僅提供了內(nèi)聯(lián)樣式
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 眾賞文庫僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- javascript
- javascript javascript 初級到高級 筆記
- javascript表單
- javascript定位
- javascript節(jié)點(diǎn)
- javascript 語言-
- javascript詳解-
- javascript表格
- javascript學(xué)習(xí)筆記
- javascript string對象
- javascript筆試題
- javascript習(xí)題庫
- 11 javascript基礎(chǔ)
- javascript-ppt
- javascript經(jīng)典實(shí)例
- javascript經(jīng)典實(shí)例
- javascript中的cookie
- javascript中的bom
- javascript習(xí)題帶答案
- javascript練習(xí)題
評論
0/150
提交評論