本教程操作环境：windows7系统、javascript1.8.5版、dell g3电脑。
在javascript中，可以利用setattribute()方法来通过类修改css样式。
下面通过代码示例来具体看看：
<!doctype html><html> <head> <meta charset="utf-8" /> <style> .style1{ height: 50px; border: 1px solid red; } .style2{ border: 3px dashed #afeeee; padding: 10px; } </style> </head> <body> <div id="style" class="style1">测试文本</div><br /> <input type="button" value="更改类名" onclick="changestyle()" /> </body> <script> function changestyle() { var obj = document.getelementbyid("style"); obj.setattribute("class", "style2"); } </script></html>
效果图：
说明：
setattribute() 方法添加指定的属性，并为其赋指定的值。
如果这个指定的属性已存在，则仅设置/更改值。
语法
element.setattribute(attributename,attributevalue)
参数类型描述
attributename string 必需。您希望添加的属性的名称。
attributevalue string 必需。您希望添加的属性值。
（学习视频分享：css视频教程）
以上就是js怎么通过类来修改css样式的详细内容。