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