HTML DOM classList 属性

 

 

 

 

实例

为 <div> 元素添加 class:

document.getElementById("myDIV").classList.add("mystyle");

 

定义和用法

classList 属性返回元素的类名，作为 DOMTokenList 对象。

该属性用于在元素中添加，移除及切换 CSS 类。

classList 属性是只读的，但你可以使用 add() 和 remove() 方法修改它。

 

 

语法

element.classList

 

 

 

更多案例

vue中案例

html内容：

<ul id="shoppingList" v-on:click="addClass($event)" class="iview-admin-draggable-list">

　　<li v-for="(item, index) in shoppingList2" :key="index" class="notwrap todolist-item" :data-index="index"></li>

</ul>

js内容

addClass:function(e){

　　console.log(e.target);

　　if(e.target.parentNode.className=="iview-admin-draggable-list"){

　　　　e.target.classList.toggle("deleSign");

　　}

}

 

 

 

 

来源：https://www.cnblogs.com/ericLJ/p/9037018.html