js改变css样式的三种方法推荐(js修改css样式属性不生效)

推荐整理分享js改变css样式的三种方法推荐(js修改css样式属性不生效)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js 改变样式,js修改css,js 改变css,js改变css属性,js修改css样式,js中改变css文件中的样式,js怎么改变css样式,js修改css样式属性不生效,内容如对您有帮助，希望把文章链接给更多的朋友！

共用代码：

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

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

第一种：用cssText

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

第二种：用setProperty()

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

第三种：使用css属性对应的style属性

div.style.width = "px";

div.style.height = "px";

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