如何用JS添加或删除class

时间:2024-10-14 11:29:25

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实现的

© 2025 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com