我們大部份對Css中的使用，都會在網(wǎng)頁中使用一個Link標(biāo)簽來引入一個Css文件．或者在 網(wǎng)頁中Head標(biāo)簽內(nèi)定義Css樣式．其實(shí)Dom提供了若干個指令．可以動態(tài)的設(shè)置或獲取元素的Css外觀樣式．你或許在其他網(wǎng)站中看到過＂換膚＂的功能．該技術(shù)就是使用了Dom指令 為當(dāng)前網(wǎng)頁引入了一個新的Css文件．讓網(wǎng)頁的外觀驟然改變．當(dāng)然你也可以只針對當(dāng)前網(wǎng)頁中某個元素的外觀進(jìn)行設(shè)置．運(yùn)用得當(dāng)可以很大程度的提高用戶體驗(yàn)！下面我就列舉一 下Dom中有關(guān)Css的指令．限于篇幅，我不在該頁內(nèi)提供各個Dom指令的使用方法和實(shí)例演示，你可以點(diǎn)擊相關(guān)的Dom指令名稱．來了解相關(guān)指令的詳細(xì)說明與實(shí)例演示．

使用Dom的className為當(dāng)前元素指定一個Css樣式類的名稱．以改變當(dāng)前元素的外觀樣式
HTML Dom中為當(dāng)前元素設(shè)置多個Css屬性樣式：cssText
HTML Dom獲取當(dāng)前元素指定的Css屬性值的指令是：currentStyle 支持IE
HTML Dom獲取當(dāng)前元素指定的Css屬性值的指令是：getPropertyValue 支持FF
HTML Dom中還提供了一個createStyleSheet指令．可以動態(tài)的網(wǎng)頁引入一個新的Css文件．也就是我前面提到的＂換膚＂功能．遺憾的是該指令不支持FF和Chrome瀏覽器， 不過我在createStyleSheet的講解中已經(jīng)解決了FF下的同樣效果．
在ajax技術(shù)的帶領(lǐng)下．近年來Dom發(fā)展迅速．也被很多人重視起來．很多大網(wǎng)站極力追求良好的用戶體驗(yàn)．這些技術(shù)也變得不再陌生！其實(shí)這些都屬于前端設(shè)計的范圍，如今像＂百度＂，＂淘寶＂，＂騰迅＂等等這些大公司都相當(dāng)重視前端設(shè)計． 所以學(xué)習(xí)好前端也是一個不錯的選擇，希望今天講的能夠幫到你！

作者：康董 出自：Www.Web666.Net

最新評論