js 操作元素 className 多个值

已于 2023-04-07 18:01:37 修改
阅读量366 收藏
点赞数
文章标签： 前端 javascript
于 2023-04-07 16:46:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33435149/article/details/130015865
版权

用js操作元素的属性class多个值，并且去掉其中的值，添加想要的值。

代码一下：

    1，去掉值：

document.querySelector("#tableftmenus").classList.remove("active");

   2，添加值

 document.querySelector("#tableftmenus").className +=" active";

靓仔建
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net 多字段模糊查询代码
01-20
string strField = “id|className|classAdd”; string strKeyWords = this.tbxKeyWords.Text.Trim(); string strSql = dbexe.searchText(“select * from class”, strField, strKeyWords); 经常用到多字段的模糊查询，上面的函数可以实现，例如strKeyWords值为“软件开发网”时，可以输出： select * from class where id like ‘%软件开发网%’ or className like ‘%软件开发网%’ o
Js双日历控件，同时显示两个日期选择器
05-01
摘要:脚本资源,Ajax/JavaScript,日历控件,日期选择器　　Js双日历控件，在一个网页上同时显示两个日期选择器，写成了封装类，方便使用者调用。同时美化的相当不错。 　　包括了以下函数： 　　1、2012——2020年节假日信息（包括节假日前1~3天/后1~3天） 　　2、格式化数字，不足两位前面补0 　　3、将日期对象/日期字会串格式化为指定日期字符串 　　4、将日期字符串格式化为数字 　　5、获取目标元素针对于文档的位置 　　6、元素选择器 　　7、查找元素位置 　　8、判断目标元素是否包含指定的className 　　 　　关于一些日历调用的参数说明：Calendar({ 　　
js获取class（js获取class对象的三种方式）className
最新发布
03-23 1447
直接使用 element.className 可以获取元素的class名称，但是它只能获取到元素的class名称串，如果想要获取到多个class名称，并且它们之间存在空格，则需要使用 element.classList。可以通过 Jquery 提供的 .attr() 方法来获取 class 属性的值，也可以使用 .addClass()、.removeClass()、.toggleClass() 等方法来添加、删除、切换类名。// 获取元素的class名称。// 获取元素的class名称。
js获取classname值_js通过classname来获取元素的方法
weixin_39605326的博客
12-22 3278
原生JS有3种方式来获取元素:getElementById('id')getElementsByName('name')getElementsByTagName('tag')getElementById是获取元素最快的方式,但我们不能给每个HTML元素都加以ID吧,所以我们需要一个很方便的通过className来获取元素function getElementsByClassName(classNa...
jsoup 多个 class Selector 怎么写？
weixin_34032792的博客
12-12 397
jsoup 多个 class Selector 怎么写？ Jsoup select 选择器如何选择多个class Jsoup选择器选择的class有多个属性的写法 方法一： 写成两个select ： <div class="result c-container "> doc.select("div .result").select("....
js 批量操作html标签的class类属性值
全易
02-24 1239
// 1 添加一个或多个类名 element.classList.add('classone','classtwo',···); // 2 删除一个或多个类名 element.classList.remove('classone','classtwo',···); // 3 检索该类里是否有哪个类名 element.classList.indexOf('classname'); eleme...
JS兼容IE9以下的获取多个className的函数
zpr5554321的博客
02-01 424
开心，可以写前端博客了，有误的话希望大家给我指导。 //为了兼容低版本的浏览器,该方法适用于有多个类名 function getElementsByClassName(node,classnames){ if(node.getElementsByClassName){ //使用现有方法 return node.getElementsByClassName(classnames); }e...
使用javascript通过className来获取元素
热门推荐
greenerycn的专栏
10-07 1万+
在网页中除了需要用id, name, tag等来获取元素外，也需要用css的class来获取。今天找了下资料，记录一下。 原理： 用document.getElementsByTagName(*);来获取所有元素，然后取得相同Class的元素。function getElementsByClassName(n) {    var classElements = []
多class层级选择元素以及模糊匹配
Dronwing fish
05-23 3946
多class层级选择元素以及模糊匹配css选择器js通过class获取元素 css选择器 选择class1元素下class2的元素 <!--html--> <div class="class1"> <div class="class2" /> </div> // css（中间有空格） .class1 .class2{ color:#00...
JS脚本 - 批量给所有指定标签追加Class属性
Zong_0915的博客
07-13 1553
公司里我们有个应用引入了UBT埋点，记录了页面上所有的点击操作以及对应的点击按钮。但是我们看下来发现，我们需要给每个按钮加一个唯一标识做区分，并且这个ID是给UBT埋点专用的。那怎么办呢？加Id： 不合理，因为如果某个标签已经自带Id了，我们不太可能去覆盖它。加Class：合理，class属性可以加多个，也可以过滤。
js 动态添加多个class
WangJiangNan17214的博客
08-16 4417
setAttribute('class', 'abc')    .ddddd {  background: black;  }  .abc {  background: red;  }        test div    var div = document.getElementById('d1');  // div.setAttribute("class", "ab
javaScript给元素添加多个class的简单实现
12-10
javaScript给元素添加多个class的简单实现 <html> 　　<head> 　　　　<style type="text/css"> 　　　　　　.div2{ 　　　　　　font-size:16px;　 　　　　　　color:orange; 　　　　　　} 　　　　　　.div3{ 　　　　　　font-size:20px; 　　　　　　color:blue; 　　　　　　} 　　　　<style> 　　　　[removed] 　　　　　　[1]直接把样式赋值给className 　　　　　　var odiv=document.get
javaScript给元素添加多个class的简洁实现_.docx
10-09
JavaScript 给元素添加多个 class 的简洁实现 在 JavaScript 中，给元素添加多个 class 是一个常见的需求。通常，我们可以通过使用 `className` 属性来实现，但是这个方法有其局限性。今天，我们将探讨如何使用 ...
jQuery给多个不同元素添加class样式的方法
10-24
在jQuery中，为多个不同元素添加相同的或不同的class样式是一个常见的需求，这有助于实现页面的动态效果和响应式设计。`addClass()`方法是jQuery提供的一个强大功能，它允许我们向匹配的元素集合中的每个元素添加一...
JS简单获得节点元素的方法示例
10-18
当有多个元素拥有相同的类名时，此方法非常有用。 4. `querySelector` 和 `querySelectorAll`： `querySelector`返回匹配CSS选择器的第一个元素，而`querySelectorAll`返回所有匹配元素的NodeList。例如： ```...
js获取DOM元素
kjprime的博客
02-27 147
方法 代码 参数 返回值 避坑 id document.getElementById() id名称 获取一个元素 存在多个相同id，取最先出现的 class document.getElementsByClassName() class名称 获取一组元素 是类数组，不是数组，某些数组方法不能使用 tag(标签名) document.getElementsByTagName() tag名称 获取一组元素 是类数组，不是数组，某些数组方法不能使用 选择器获取一个 document.q...
原生JS实现元素的getElementsByClassName()方法,适用于多个类名
JMission的专栏
03-13 7652
原生JS实现getElementsByClassName() window.onload = function() { var oUl = document.getElementById('ull'); function getElementsByClassName(obj,classname){ var result = []; var aEls = document.getEl
在张量流中结合众多艺术风格
weixin_26630173的博客
08-27 121
Last year, an article was released on Artistic style transfer using Tensorflow Lite where the style of a content image is changed based on any style you like. It is super fun and very easy to use. You...
js怎么根据classname同时删除多个元素节点
05-24
可以使用`document.getElementsByClassName`方法来获取所有指定类名的元素节点集合，然后遍历集合并逐个删除节点。 代码示例： ```javascript ...其中，`'classname'`为需要删除的元素节点的类名。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值