js怎样添加类
添加类在网页中也是非常重要的，那么怎样使用JavaScript来添加一个类呢？今天小编我就来分享一下方法！
操作方法
- 01
首先，书写一个div标签，然后使用button标签来在网页中添加一个按钮。
- 02
接着我们设置CSS样式，如图，我设置div宽度和高度都是100像素，背景色为红色。
- 03
然后我们再来书写一个类box，并设置这个box类的属性为宽高200像素，背景色为蓝色。 这个类待会会被我们通过js添加到div里面，以此来控制div的属性，这就是添加类。
- 04
之后，我们预览一下效果，可以看到一个红色的背景块和一个按钮。
- 05
接着，我们在JavaScript中书写一个函数b，然后在函数里面通过document.getElementsByTagName来找到div标签。并把div数组赋值给变量a。
- 06
然后我们通过数组a[0]来添加类，如图，这里要用到的是className属性，然后我们把之前的类名box添加进去。
- 07
如图，给button标签绑定一个onclick（鼠标单击事件）。
- 08
单击事件里面写上我们的函数b();，这样，当我们的鼠标单击按钮时就会调用函数b()，注意，function要去掉哦。
- 09
写完之后，保存所有代码，这样，当我们点击按钮的时候，div标签就会添加类box，因此，div标签也就拥有了类box所设置的属性了。
赞 (0)