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

原生js如何添加class

时间:2024-10-14 17:21:35

在使用原生js制作网页交互时,如何使用原生的js添加一个新的class呢?如图

原生js如何添加class

方法/步骤

1、打开一个html代码页面,新建一个含有内容的div标签。如图

原生js如何添加class

2、使用css设置点击div标签时插入active类的样式。如图

原生js如何添加class

3、在script标签里面添加点击div标签后对标签添加一个active的class。如图

原生js如何添加class

4、保存好html代码后使用浏览器打开,这时候看到div标签文字默认是黑色的,点击下div标签后评鲦易纪文字就变为黄色字体。如图

原生js如何添加class

原生js如何添加class

© 一点知识