如何用JS添加或删除class

2025-04-08 10:57:24

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢