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");
  }
}

 

 

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM