javascript 動態修改css樣式
阿新 • • 發佈：2018-06-07
csdn 知識 net posit name 知識點 顯示 span 部分
方法一：改變外聯css文件，這裏不講這個。
方法二：通過改變claaName來改變樣式，語法：
obj.className = "style2"; //或者 obj.setAttribute("class", "style2");
方法三：使用obj.style.cssTest，語法：
obj.style.cssText = " display:block; color:White;“
這個方法優點：
可以這樣添加好幾個屬性。
缺點：會把obj原來的cssText清掉，解決方案：使用累加，語法：
obj.style.cssText += " display:block; color:White;“
上面cssText累加的方法在IE中是無效的。
然而，可以在前面添加一個分號來解決這個問題：
obj.style.cssText += " ; display:block; color:White;“
註意：如果前面有樣式表文件寫著 div { text-decoration:underline; }，這個會被覆蓋嗎？不會！因為它不是直接作用於 HTML 元素的 style 屬性。
方法四： 使用obj.style.backgroundColor,語法：
obj.style.backgroundColor= "black";
註意：backgroundColor可以換成其他屬性，這裏僅是示例，比如color，position等。
最後一個知識點：css Sprite，
就是有一張大圖，通過控制background-position來實現顯示大圖的某一部分。可以用來制作動畫。這個大圖是作為background-image:。
優點是減少http請求，缺點是定位麻煩。維護麻煩。
具體用法請移步：https://blog.csdn.net/u011349149/article/details/24181675
javascript 動態修改css樣式