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

如何用JS添加或删除class

时间:2024-10-29 04:32:04

用JS添加或者删除class是经常需要操作的,那么如何实现呢?下面小编给大家分享一下。

方法/步骤

1、首先在html中布局好两个按钮和一个div,如下图所示

如何用JS添加或删除class

2、接着编写添加class的方法,如下图所示,通过classList中的add

如何用JS添加或删除class

3、运行页面以后看到如下图所示的界面

如何用JS添加或删除class

4、我们点击添加class按钮就可以看到div中多了样式

如何用JS添加或删除class

5、接下来在编写移除class样式,如下图所示要的是remove

如何用JS添加或删除class

6、最后运行界面,点击移除class按钮,class就被移除了

如何用JS添加或删除class

7、综上所述,在js中添加或者删除class样式主要通过classList中的Add和Remove实现的

© 一点知识