JavaScript修改CSS样式的三种常用方法

JavaScript修改CSS样式的三种常用方法

首先准备以下共用代码片段：

<div id="div"> this is a div </div>

var div=document.getElementById('div');

第一种方法是通过cssText属性来实现。

div.style.cssText='width:250px;height:250px;border:1px red solid;';

第二种方法是使用setProperty()函数。

div.style.setProperty('width','250px'); div.style.setProperty('height','250px'); div.style.setProperty('border','1px red solid');

第三种方法是直接操作CSS属性对应的style属性。

div.style.width = "250px";

div.style.height = "250px";

div.style.border = "1px solid red";

以上即为JavaScript修改CSS样式的三种方法推荐的全部内容。