JavaScript中更改CSS样式的方法合集

• obj.style.property = “值”
• obj.style.cssText = “属性：值”
• obj.className = “类名”
• setAttribute(“class”, “类名”)

下面将演示这四种方法的区别，可以在工作及项目中根据实际情况选择适合的方法：

<div id="box" style="background-color: #cc0000;">   <!-- 背景色是红色-->
       <p>我是一行文字</p>
   </div>

一、通过 obj.style.property = “值” 的方式更改CSS样式，【propetry】表示属性，直接写在style后面，并为其赋值；

• 优点：可以有针对性的直接置顶某个属性，适合更改单个属性
• 缺点：更改后的属性会完全覆盖原属性