关于原生js给当前点击的li标签添加类名

2024-01-30 07:00| 来源: 网络整理| 查看: 265

1.先获取到当前所有的li标签 2.再循环给每个li绑定点击事件 3.再次循环所有的li标签，可以先清空所有的类名，也可以添加一个默认的类名 4.给当前点击的li添加类名 tips:this的指向就指向当前点击的li

var li = document.querySelectorAll('.el-menu--inline li'); for (var i = 0; i < li.length; i++) li[i].onclick = function () { for (var i = 0; i < li.length; i++) li[i].className = 'el-menu-item'; console.log(this) this.classList.add('selected') }

扩展: 给元素添加class, document.getElementById(“myDIV”).classList.add(“mystyle”);

给元素添加多个类 document.getElementById(“myDIV”).classList.add(“mystyle”, “anotherClass”, “thirdClass”);

给元素移除某个类 document.getElementById(“myDIV”).classList.remove(“mystyle”);

给元素移除多个类 document.getElementById(“myDIV”).classList.remove(“mystyle”, “anotherClass”, “thirdClass”);

检查是否包含某个类 myDiv.classList.contains(‘myCssClass’); //return true or false

【本文地址】

公司简介

联系我们