方法一：改變外聯(lián)css文件，這里不講這個。

方法二：通過改變claaName來改變樣式，語法：

obj.className = "style2";//或者 obj.setAttribute("class", "style2");

方法三：使用obj.style.cssTest，語法：

obj.style.cssText = " display:block; color:White;“

這個方法優(yōu)點：

? ? ? ? ? ? ?可以這樣添加好幾個屬性。

缺點：會把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來實現(xiàn)顯示大圖的某一部分。可以用來制作動畫。這個大圖是作為background-image:。

優(yōu)點是減少http請求，缺點是定位麻煩。維護麻煩。

具體用法請移步：https://blog.csdn.net/u011349149/article/details/24181675

?

本文轉(zhuǎn)載于:猿2048?https://www.mk2048.com/blog/blog.php?id=kbhijib&title=javascript 動態(tài)修改css樣式

總結(jié)

以上是生活随笔為你收集整理的javascript 动态修改css样式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。