原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()

最新推荐文章于 2024-05-30 10:10:30 发布
最新推荐文章于 2024-05-30 10:10:30 发布
阅读量720 收藏 2
点赞数
文章标签： css html5 json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/orange_girls/article/details/125661093
版权


classList.add( newClassName )；
添加新的类名，如已经存在，取消添加


classList.contains( oldClassName );

查找该元素是否存在   返回值为true 、false；


classList.remove( oldClassName )；
移除已经存在的类名;


classList.toggle( className )；
如果存在该元素则删除,不存在则添加


classList.replace( oldClassName，newClassName )；
类名替换

柠檬味的少女
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
DOM类名，样式，属性以及内容的操作
m0_73951244的博客
10-20 533
DOM类名的操作
详解使用HTML5的classList属性操作CSS类
09-28
使用`classList.add()`方法可以向元素添加一个或多个类。例如： ```javascript document.getElementById("myDIV").classList.add("mystyle"); ``` 这将在指定的元素上添加名为`mystyle`的CSS类。 2. **删除类*...
原生js—classList.add()、classList.remove()、classList.contains()、classList.toggle()、
热门推荐
代码小宝宝的博客
02-21 4万+
原生js添加、移除类名（HTML5新增classList） classList.add()； 添加新的类名，如已经存在，取消添加 classList.contains(); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove()； 移除已经存在的类名; classList.toggle()； 如果classList中存在给定的值，删除它，否则，添加它...
JS classList追加，删除，切换类样式（add, remove , toggle）
最新发布
m0_75166176的博客
05-30 148
【代码】JS classList追加，删除，切换类样式（add, remove , toggle）
javascript中类名的操作方法classList.add(),classList.remove(),classList.toggle(),classList.contains()
m0_47892636的博客
03-24 478
javascript中类名的操作方法
classList.add() ,classList.contains(),classList.remove(),classList.toggle()
weixin_42270374的博客
07-09 2346
HTML5新增classList classList.add(newclass); 添加新的类名 classList.contains(oldClassName); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )； 移除已经存在的类名 classList.toggle( className )； 如果classList中存在给定的值，删除它，否则，添加它； classList.replace(...
原生js操作元素类名(classList,classList.add...)
Dcripple的博客
10-23 2990
1、classList classList属性是一个只读属性，返回元素的类名，作为一个DOMTokenList集合(用于在元素中添加，移除及切换css类) length:返回类列表中类的数量，该属性是只读的 <style> .lis { width: 200px; height: 100px; background-color: skyblue; } .box { width: 100px;
使用HTML5里的classList操作CSS类
09-27
HTML5的classList属性是JavaScript与DOM交互的一个重要增强，它为元素节点提供了操作CSS类的原生API。这个API使得开发者可以直接、高效地管理元素的类名，而无需依赖于像jQuery这样的库来处理此类任务。classList...
使用classList来实现两个按钮样式的切换方法
08-28
document.getElementById("mya").classList.add("newClassName1"); document.getElementById("myaa").classList.add("newClassName"); } ``` 最后，CSS部分定义了初始样式以及要切换的样式。`.mya1`和`.mya2`是...
前端项目-classlist.zip
09-03
2. **方法映射**：定义四个核心方法（`add`、`remove`、`toggle`和`contains`），并确保它们的行为与原生`classList`接口一致。 3. **兼容性检查**：在初始化时检测当前浏览器是否原生支持`classList`，如果不支持，...
CSS使用classList实现两个按钮样式的切换
12-29
classList属性的方法：add();remove();toggle(); 描述，在一些页面我们需要使用两个按钮来回切换，如图： 我们要使用到add()和remove()方法 html部分: <div class=login-title> 注册 登陆 js部分:
原生js—classList.add()、classList.remove()
Kimser
07-22 1024
原生js——操作类名（HTML5新增classList） classList.add( newClassName )； 添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值为true 、false； classList.remove( oldClassName )； 移除已经存在的类名; classList.toggle( className )； 如果classList中存在给定的值，删除它，否则，添加它
JS classList.add和className
wwy6191的博客
09-29 483
classList是直接修改一个节点的类名，classList.add()则是添加一个类名，对之前的内容不做修改。
原生js操作元素类名—classList.add()、classList.remove()、classList.contains()、classList.toggle()
u011200562的博客
11-03 3940
原生js操作元素类名 classList.add( newClassName )； classList.toggle( className )； classList.remove( oldClassName )； classList.contains( oldClassName ); classList.add( newClassName )； 添加新的类名，如已经存在，取消添加 classList.contains( oldClassName ); 确定元素中是否包含指定的类名，返回值.
JS 对classList添加、删除、修改、替换
MFWSCQ的博客
05-23 8781
Element.classList是一个只读属性，返回一个元素的类属性的实时DOMTokenList集合。 相比将element.className作为以空格分隔的字符串来使用，classList是一种更方便的访问元素的类列表的方法。 语法： const elementClasses = elementNodeReference.classList; 返回值 elementClas...
ClassList属性
a1248001936的博客
04-10 1万+
1.ClassList属性有以下几种方法: (1)通过ClassList可以获取元素的全部类名; (2)通过ClassList.remove()可以删除元素的一个或多个类名; (3)通过ClassList.add()可以向元素添加一个或多个类名; (4)通过ClassList.lentgh可以获取到元素类名的数量; (5)通过ClassList.item(x)可以获取到元素类名索引为x的类名; (6)通过ClassList.toggle可以为元素切换类; (7)通过ClassList.cont
深入学习js的classList
杜永康的博客
04-03 8410
classList 是 JavaScript 中一个用于操作元素类名的东西，这个东西有很多好用的方法，可以让我们轻松地添加、删除、切换和检查元素的类名。接下来我们详细学习一下 classList 的使用方法以及相关方法。classList 是一个非常实用的工具，可以让我们轻松地操作元素的类名。在使用 classList 时，我们可以通过 add、remove、toggle 和 contains 等方法来添加、删除、切换和检查类名；
.classList.toggle 是什么
06-10
`.classList.toggle` 是 JavaScript 中一个用于切换元素类的方法。它会检查元素是否已经有指定的类，如果有，则删除该类，如果没有，则添加该类。 `.classList` 是一个只读属性，返回一个元素的类列表...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值