2009年11月4日 星期三

JavaScript修改CSS樣式

分為改變直接樣式,改變className和改變cssText三種。需要注意的是:
注意大小寫:
javascript對大小寫十分敏感,className不能夠把「N」寫成「n」,cssText也不能夠把「T」寫成「t」,否則無法實現效果。
調用方法:
如果改變className,則事先在樣式表中申明類,但調用時不要再跟style,像document.getElementById('obj').style.className="…"的寫法是錯誤的!
只能寫成:document.getElementById('obj').className="…"
或是 this.className="..." 也可
改變cssText
但是如果用cssText的話,必須加上style,正確的寫法是:document.getElementById('obj').style.cssText="…"

改變直接樣式我就不必說了,大家記得要寫到具體樣式即可,如
document.getElementById('obj').style.backgroundColor="#003366"

來源:
http://www.wowbox.com.tw/blog/article.asp?id=3032
Related Posts Plugin for WordPress, Blogger...