在js中，可以将多个样式放在一个class中，通过给div添加class属性，实现给div添加多个样式 。 下面小编举例讲解js给div添加多个样式怎么写 。
文章插图
需要这些哦
html+js
代码编纂器：Dreamweaver CS5
方式/
1【js给div添加多个样式怎么写】新建一个html文件，定名为test.html，用于讲解js给div添加多个样式怎么写 。
文章插图
2在test.html文件内，利用div标签建立一个模块，并设置其id为mydiv 。
文章插图
3在css标签内，建立一个mycss的样式，界说其边框为红色，宽度为200px，高度为200px 。
文章插图
4在test.html文件内，利用button标签建立一个按钮，给button按钮绑定onclick点击事务，当按钮被点击时，执行moreCss()函数 。
文章插图
5在js标签中，建立moreCss()函数，在函数内，经由过程id获得div对象，利用setAttribute()方式给div添加上面设置了样式的class 。
文章插图
6在浏览器打开test.html文件，点击按钮，查看成果 。
文章插图
文章插图
总结：11、利用div标签建立一个模块，并设置其id为mydiv 。
2、在css标签内，建立一个mycss的样式 。
3、在js中，经由过程id获得div对象，利用setAttribute()方式给div添加上面设置了样式的class 。
以上内容就是js给div添加多个样式怎么写的内容啦，希望对你有所帮助哦！
推荐阅读
- 如何将word文档中的内容添加到稿纸中
- 怎么给英魂之刃金乌出装
- 重庆六一儿童节去哪玩
- Maya中怎么给物体添加属性
- 电脑上如何给视频添加字幕
- 如何去除狗狗牙结石 定期给狗狗洗牙
- 狗狗吃什么好 可以给狗狗喂食天然饭菜
- 狗狗吃多了怎么办 给狗狗的零食进行分量
- 曼彻斯特梗吃什么好 不要经常给它吃肝脏
- 新版qq空间设置权限在哪里