如何用JS添加或删除class

 时间:2024-10-29 06:31:28

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

易语言删除目录 WinRAR压缩软件怎么关闭添加恢复记录 按键精灵让DNF自动喊话 能用皮肤辅助呼吸的鱼是什么 神奇海洋9月5日 CSS教程:使用ul li创建漂亮的水平横向导航菜单
热门搜索
美胸美女图片 李宗瑞图片 童趣图片 卧室装修图片 操作台图片