JS 添加类名/删除类名

最新推荐文章于 2022-01-14 11:09:44 发布
最新推荐文章于 2022-01-14 11:09:44 发布
阅读量3.9k 收藏 1
点赞数
分类专栏： js 文章标签： class js

为 <div> 元素添加 class:

document.getElementById(“myDIV”).classList.add(“mystyle”);

为 <div> 元素添加多个类:

document.getElementById(“myDIV”).classList.add(“mystyle”, “anotherClass”, “thirdClass”);

为 <div> 元素移除一个类:

document.getElementById(“myDIV”).classList.remove(“mystyle”);

为 <div> 元素移除多个类:

document.getElementById(“myDIV”).classList.remove(“mystyle”, “anotherClass”, “thirdClass”);

检查是否含有某个CSS类

myDiv.classList.contains(‘myCssClass’); //return true or false

JavaScript经典案例：添加/删除元素类名
WanAkiko.
11-27 696
效果展示： CSS代码： <style type="text/css"> #btn-wrapper { width: 300px; height: 100px; text-align: center; line-height: 100px; margin: 50px auto; background-color: #FAEBD7; } #dis-box { width: 300px; height: 50px; text-align: center;
详解原生JS动态添加和删除类
12-03
由于需要， 给按钮组监听点击事件(要求用事件委托)，当有一个按钮被点击时，相应的给该按钮添加一个类(激活类)，其他没有点击的按钮就要移出该类 添加和和删除类有三种方法 首先等到一个 dom 对象(也叫dom元素)， 通过document.getElement……的几种方法得到 如` let element = document.getElementById("box"); 1.通过类名， 获取类名： el.className， 赋值： el.className = “className” 会覆盖掉原来的类 2.通过属性，获取类名： el.getAttribute(“class”); 赋值：
原生js实现类名（class）的增、删
Wang1996332的博客
11-19 275
先判断是否有这个类名： function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(...
原生js，JQuery查找元素，修改类名
渐行渐远
07-27 4560
原生js，JQuery查找元素，修改类名
用js添加类名
qq_43486347的博客
11-19 451
用js添加类名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
原生js怎么添加一个或多个类名？（赞）
chelen_jak的专栏
09-18 1164
原文出处：https://www.jianshu.com/p/e09271abebc7 好吧今天写个js，不知道怎么添加类名了 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/
详解用JS添加和删除class类名
10-17
本文将详细介绍如何使用JavaScript来添加和删除元素的class类名。 1. 添加class类名： 在JavaScript中，`classList` 是一个DOM元素对象上的属性，它提供了一系列方法来操作元素的class列表。要给一个元素添加class...
jq点击按钮添加类名和删除类名的多种方法
06-09
// 添加类名 $('button').click(function() { $('div').addClass('active'); }); // 删除类名 $('button').click(function() { $('div').removeClass('active'); }); ``` 2. 使用 toggleClass() 方法： ```...
js判断点击class添加类名再次点击删除类名
最新发布
08-09
要实现在点击一个元素时给它添加一个类名，再次点击时删除该类名，可以使用JavaScript来实现。...这样，每次点击该元素时，都会根据当前的类名状态来执行相应的操作，实现了点击一次添加类名，再次点击删除类名的效果。
原生js对类名的操作
jier_jier的博客
05-22 898
原生js对类名的操作 今天做一个demo的时候，忽然忘记了对Dom节点的类名操作，想记录下来，让自己能记忆更深刻一些。 语法 添加类名：Dom.classList.add(classname) 移除类名：Dom.classList.remove(classname) 切换类名：Dom.classList.toggle(classname) code示例 html: <button id="change_red">变为红类</button> <button id="change_
给js添加类名/添加元素标签/
weixin_42666092的博客
03-22 3758
原生js中添加类的方法 1. document.getElementById(“div”).classList.add(“类名”); //2.为 元素添加多个类: document.getElementById(“div”).classList.add(“类名1”,“类名2”,“类名3”,…); //3.为 元素移除一个类: document.getElementById(“div”).classList.remove(“类名”); //4.为 元素移除多个类: document.getElement
原生js添加类名
热门推荐
前端指南
01-18 5万+
     动态添加class类名在前端开发过程中是很常见得做法，比如说在实现轮播图的时候给当前图片的锚点添加一个active类,有又或者在实现动画的时候添加一个终态css类。     当然，有很多js库中封装了添加类名的方法，典型的比如jquery中的addClass()方法。但是，在实际开发中，如果页面比较简单，逻辑功能不是特别复杂的时候。还是推荐用原生的js来实现这些功能，这样能够有效的提升...
原生js 类名操作 增加 删除
weixin_33966095的博客
04-24 172
为 &lt;div&gt; 元素添加 class:document.getElementById("myDIV").classList.add("mystyle"); 为 &lt;div&gt; 元素添加多个类:document.getElementById("myDIV").classList.add("mystyle", "anotherClass", "thir
js添加类名的两种方法
想好了再写！
05-07 3万+
1.通过className来添加、删除类名 添加类名 获取元素.className = "类名1 类名2 ..."多个类名用空格隔开 移除类名 获取元素名.className = " "直接等于一个空字符串即可删除类名 2.通过classList来添加、删除类名 添加一个类名 获取元素名.classList.add("类名"); 添加多个类名用逗号隔开 获取元素名.classList..add("类名1","类名2","类名3",...); 每个类名需要用引号引起来 移除一个类名 获取元素名.classLi
用JS添加和删除class类名及相关的一些东西
penliyoushui的博客
12-23 1873
1、它可以做简单的树形结构点击高亮 基本方法 方法1. 添加：document.getElementById("id").classList.add("类名")； 删除：document.getElementById("id").classList.remove("类名")； 方法2 var classVal=document.getEleme...
js 类名class增删改查
belladong126的博客
12-14 260
增 document.getElementsByTagName('body')[0].className = 'snow-container'; //设置为新的 document.getElementsByTagName('body')[0].className += 'snow-container'; //在原来的后面加这个 document.getElementsByTagName('body')[0].classList.add("snow-container"); //与第一个等价 document
原生js添加类名、删除类名
zhao97的博客
04-21 2455
1.添加类名 document.getElementsByClassName('myEL')[0].classList.add('checked'); 2.删除类名 document.getElementsByClassName('myEL')[0].classList.remove('checked'); 3.包含类名 document.getElementsByClassName('myE...
JS封装 — 原生添加类名，删除类名
请叫我李先生
11-03 1274
/* 删除类名 */ window.onload = function () { var stamp = document.getElementById("btGetCode"); //根据id查找到该标签 removeClass(stamp, "can-code"); //调用JS原生删除class的方法 ...
js中给元素添加类的方法
小肉包的博客
01-14 1万+
一.原生js中添加类的方法 1.为 <div> 元素添加一个类: document.getElementById("div").classList.add("类名"); 2.为 <div> 元素添加多个类: document.getElementById("div").classList.add("类名1","类名2","类名3",...); 3.为 <div> 元素移除一个类: document.getElementById("div").classList.remov
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值