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

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

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

最新評論