1、首先,书写一个蟠校盯昂div标签接着我们设置CSS样式,如图,我设置div宽度和高度都是100像素,背景色为红色。,然后使用button标签来在网页中添加一个按钮。
2、接着我们设置CSS样式,如图,我设置div宽度和高度都是100像素,背景色为红色。
3、然后我们再来书写一个类box,并设置这个box类的属性为宽高200像素,背景色为蓝色。这个类待会会被我们通过js添加到div里面,以此来控制div的属性,这就是添加类。
4、之后,我们预览一下效果,可以看到一个红色的背景块和一个按钮。
5、接着,我们在JavaScript中书写一个函墙绅褡孛数b,然后在函数里面通过document.getElementsByTagName来找到div标签。并把div数组赋值给变量a。
6、然后我们通过数组a[0]来添加类,如图,这里要用到的是className属性,然后我们把之前的类名box添加进去。
7、如图,给button标签绑定一个onclick(鼠标单击事件)。
8、单击事件里面写上我们的函数b();,这样,当我们的鼠标单击按钮时就会调用函数b(),注意,function要去掉哦
9、写完之后,保存所有代码,这样,当我们点击按钮的时候,div标签就会添加类box,因此,div标签也就拥有了类box所设置的属性了