设置方法：1、使用“对象.setattribute('style', '属性:值')”语句；2、使用“对象.style.setproperty('属性', '值')”语句；3、使用“对象.style.csstext='属性:值'”语句。
本教程操作环境：windows7系统、javascript1.8.5版、dell g3电脑。
方法1：使用setattribute()
<p id="p">hello world<p><button onclick="myfunction()">点击按钮，设置css样式</button><script>function myfunction() { document.getelementbyid("p").setattribute('style', 'color:#ff0000');}</script>
效果图：
方法2：使用setproperty()
<p id="p">hello world<p><button onclick="myfunction()">点击按钮，设置css样式</button><script>function myfunction() { document.getelementbyid("p").style.setproperty('font-size', '50px');}</script>
效果图：
方法3：csstext属性
<p id="p">hello world<p><button onclick="myfunction()">点击按钮，设置css样式</button><script>function myfunction() { document.getelementbyid("p").style.csstext='font-size:50px;color: red;';}</script>
效果图：
【推荐学习：javascript高级教程】
以上就是js怎么设置元素css样式的详细内容。