原生js 添加删除class

最新推荐文章于 2023-12-29 16:58:34 发布

原创最新推荐文章于 2023-12-29 16:58:34 发布 · 266 阅读

0 ·

CC 4.0 BY-SA版权

Js 专栏收录该内容

39 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript的classList方法来控制HTML元素的显示与隐藏状态。通过移除'hidden'类实现显示元素，反之添加'hidden'类隐藏元素，展示了JavaScript在DOM操作中的基本应用。

document.querySelector("#"+showEle).classList.remove("hidden")
document.querySelector("#"+hideEle).classList.add("hidden")

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

RightHereWaitingFY

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

原生JS添加Class/删除Class/判断Class

M51921的博客

12-15

2163

其实文中的代码通俗易懂，很容易看明白，不过还是解说一下，让像我一样的新手容易上手。　　文中代码支持IE9以上，因IE5~8不支持indexOf属性，所以自己在JS原型链中写了一个indexOf的属性方法让代码支持IE5以上，具体可以查看下面的方法。 //新增类名 //删除类名//判断类名解说：　　space，这里是判断新增的类名前面需不需要加空格，如果新增的类名前面有类名不加空格我想大家都明白会

原生js实现class的添加和删除简单代码

11-22

实例代码： function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)") ); }; function addClass( elements,cName ){ if( !hasClass( elements,cName ) ){ elements.className += " " + cName; }; }; function removeClass( elements,cName ){ if( has

参与评论您还未登录，请先登录后发表或查看评论

用原生js实现addClass,removeClass,hasClass方法

东篱与南山

04-18

2万+

其实html5已经扩展了class操作的相关API，其中classList属性就以及实现了class的增删和判断。 classList属性的方法有： add(value) 添加类名，如果有则不添加 contains(value) 判断是否存在类名，返回Boolean值 remove(value) 从列表中删除类名 toggle(value) 切换类名：如果列表中存在则删除

原生js实现查找/添加/删除/指定元素的class

10-27

查找、添加、删除、指定元素的class使用原生js实现不可思议吧，感兴趣的朋友可以参考下哈，希望可以帮助到你

js添加和删除class

t595981879的博客

08-22

1994

用JS添加和删除class类名

firstcode666的博客

11-28

1万+

用JS添加和删除class类名下面介绍一下如何给一个节点添加和删除class名添加：节点.classList.add("类名")；删除：节点.classList.remove("类名")；以tab切换为例：在写tab切换的时候，通常我们会给选中的tab设置不同的样式，常用的方法是给被选中的tab新增一个class名，然后改这个class名的样式。比如起一个class名叫“active” 设置样式 .a...

原生js封装添加class,删除class的实例

11-28

下面将详细解释如何使用原生JavaScript封装添加和删除class的实例。一、添加class `addClass`函数用于向指定元素`ele`添加一个或多个class。函数的主要逻辑是： 1. 首先，通过`className.split(' ')`将元素当前...

在js中实现增加删除class属性

m0_60503058的博客

09-05

1803

例如，如果你想检查一个元素是否包含名为"active"的class属性，你可以这样写： element.classList.contains(“active”);例如，如果你想从一个元素中删除名为"active"的class属性，你可以这样写： element.classList.remove(“active”);例如，如果你想给一个元素添加名为"active"的class属性，你可以这样写： element.classList.add(“active”);

js增加class或者删除class

热门推荐

遇见更好的自己

12-13

7万+

1.比较传统的方法 var classVal = document.getElementById("id").getAttribute("class"); //删除的话 classVal = classVal.replace("someClassName",""); document.getElementById("id").setAttribute("class",classVa

JS原生添加删除class的方法

xiaozhen0610的博客

08-16

704

之前习惯了使用jquery的addClass的方法，然后就去找了下别人写的代码。 [javascript] view plain copy function hasClass(obj,cls) { return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); }; function addClass(obj,cls) { if (!hasClass(obj,cls)) obj.classNam

原生js实现添加和删除class

weixin_44727080的博客

09-24

6557

前言：对于习惯jquery的写法以后对于原生总是不适应，实际原生中也是有直接简单的方法的。 1、添加class 添加：节点.classList.add("类名")； 2、删除class 删除：节点.classList.remove("类名")；具体使用： document.getElementById('show_one').style.display = 'block' document.getElementById('show_two').style.display ...

原生js增加或者删除class

weixin_34216196的博客

04-08

1万+

原生JS添加删除Class

banzaopu8688的博客

02-24

173

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

原生js添加删除class

magicw3的博客

05-06

1万+

之前在网上查过一些添加删除class的原生js写法，感觉用着很方便，于是我就自己按自己的需求找了一个 Object.prototype.hasClass = function(cls) { return this.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); }; Object.prototype.addCl

原生js动态添加/删除class属性值

开发微信：18189510554

12-29

1497

【代码】原生js动态添加/删除class属性值。

原生javascript添加和删除class

weixin_30393907的博客

07-27

271

在操作class时，往往需要叠加或者删除一个class，这里用原生javascript写了一种方法，以供参考。这里是html代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &...

JavaScript原生添加移除class的方法

茅坤宝骏氹的博客

08-04

5186

转载自 JavaScript原生添加移除class的方法 1.JavaScript原生移除class方法 window.onload = function () { var stamp = document.getElementById("btGetCode"); //根据id查找到该标签 removeClass(stamp, "can-code"); ...

原生js动态绑定class