在js中，可以将多个样式放在一个class中，通过给div添加class属性，实现给div添加多个样式 。下面小编举例讲解js给div添加多个样式怎么写。

工具/原料

  • html+js
  • 代码编辑器：Dreamweaver CS5

方法/步骤

  1. 1

    新建一个html文件，命名为test.html，用于讲解js给div添加多个样式怎么写。

  2. 2

    在test.html文件内，使用div标签创建一个模块，并设置其id为mydiv。

     

  3. 3

    在css标签内，创建一个mycss的样式，定义其边框为红色，宽度为200px，高度为200px。

     

  4. 4

    在test.html文件内，使用button标签创建一个按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行moreCss()函数。

  5. 5

    在js标签中，创建moreCss()函数，在函数内，通过id获得div对象，使用setAttribute()方法给div添加上面设置了样式的class。

     

  6. 6

    在浏览器打开test.html文件，点击按钮，查看结果。

    END

总结：

  1. 1

    1、使用div标签创建一个模块，并设置其id为mydiv。

    2、在css标签内，创建一个mycss的样式。

    3、在js中，通过id获得div对象，使用setAttribute()方法给div添加上面设置了样式的class。

    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。