养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js怎样添加类

时间:2024-10-17 17:19:11

添加类在网页中也是非常重要的,那么小编和大家一起来看看怎样来添加一个类呢

工具/原料

联想威6

win1020H2

Hbuilder9.1.29

方法/步骤

1、首先,书写一个蟠校盯昂div标签接着我们设置CSS样式,如图,我设置div宽度和高度都是100像素,背景色为红色。,然后使用button标签来在网页中添加一个按钮。

js怎样添加类

2、接着我们设置CSS样式,如图,我设置div宽度和高度都是100像素,背景色为红色。

js怎样添加类

3、然后我们再来书写一个类box,并设置这个box类的属性为宽高200像素,背景色僭轿魍儿为蓝色。这个类待会会被我们通过js添加到div里面,以此来控制div的属性,这就是添加类。

js怎样添加类

4、之后,我们预览一下效果,可以看到一个红色的背景块和一个按钮。

js怎样添加类

5、接着,我们在JavaScript中书写一个函墙绅褡孛数b,然后在函数里面通过document.getElementsByTagName来找到div标签。并把div数组赋值给变量a。

js怎样添加类

6、然后我们通过数组a[0]来添加类,如图,这里要用到的是className属性,然后我们把之前的类名box添加进去。

js怎样添加类

7、如图,给button标签绑定一个onclick(鼠标单击事件)。

js怎样添加类

8、单击事件里面写上我们的函数b();,这样,当我们的鼠标单击按钮时就会调用函数b(),注意,function要去掉哦

js怎样添加类

9、写完之后,保存所有代码,这样,当我们点击按钮的时候,div标签就会添加类box,因此,div标签也就拥有了类box所设置的属性了

js怎样添加类

© 一点知识