javascript
JavaScript修改css中style,classname,cssText实例
一、局部改變樣式?
分為改變直接樣式,改變className和改變cssText三種。需要注意的是:?
注意大小寫:?
javascript對大小寫十分敏感,className不能夠把“N”寫成“n”,cssText也不能夠把“T”寫成“
t”,否則無法實現效果。?
調用方法:?
如果改變className,則事先在樣式表中申明類,但調用時不要再跟style,像
document.getElementById('obj').style.className=”…”的寫法是錯誤的!只能寫成:
document.getElementById('obj').className=”…”?
改變cssText?
但是如果用cssText的話,必須加上style,正確的寫法是:document.getElementById
('obj').style.cssText=”…”
改變直接樣式我就不必說了,大家記得要寫到具體樣式即可,如?
document.getElementById('obj').style.backgroundColor=”#003366″
二、全局改變樣式?
通常情況下,我們可以通過改變外鏈樣式的的href的值實現網頁樣式的實時切換,也就是“改變模板
風格”。這時候我們首先需要賦予需要改變的目標一個id,如
<link rel = "stylesheet" type="text/css" id="css" href="firefox.css" />?
調用時很簡單,如:
<span on click="javascript:document.getElementById('css').href = 'ie.css'">點我改變樣式
</span>?
對于新人往往不知道CSS具體樣式在javascript怎么寫,而且有時候在不同瀏覽器中要求也不一樣。如
float在IE中寫成styleFloat,在FIREFOX中寫成cssFloat,這就需要大家的積累了。在google中搜索
“ccvita javascript”,也許會對你的疑惑有所幫助。
總結
以上是生活随笔為你收集整理的JavaScript修改css中style,classname,cssText实例的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用JS来切换CSS,很好很简单
- 下一篇: document.getElements