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

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