小编Ish*_*med的帖子

在 HTML 中自动添加或删除类

我想在这些列表项中添加一个类,但条件是我在特定列表项中添加一个(活动)类

let getList=document.querySelectorAll("li")


getList.forEach(li=>{

    li.addEventListener("click", function(){
    
      li.classList.add("active")
    
    })
})
Run Code Online (Sandbox Code Playgroud)
.list-item{
  height:80px;
  width:70px;
  background-color:black
}

.list-item li{
  color:white
}
.active{
  border:5px soild blue;
  list-style:none; 
  color:orange;
  
}
Run Code Online (Sandbox Code Playgroud)
<body>
<ul class="list-item">
  
  <li>Apple</li>
  <li>Banana</li>
  <li>Orange</li>
  
</ul>


</body>
Run Code Online (Sandbox Code Playgroud)

必须自动删除列表标记中先前的活动类

html javascript css foreach

1
推荐指数
1
解决办法
82
查看次数

标签 统计

css ×1

foreach ×1

html ×1

javascript ×1