检查元素是否包含类然后删除类

Question

我无法实现检查功能

if (element.classList.contains(__active))

。也就是说，如果该元素已经包含“active”类，那么当您单击该元素时，您需要从该元素中删除该类。 代码笔

Answer 1

无需检查即可删除：

1. 找到想要的元素
2. 将事件监听器添加到该元素
3. 使用 classList 删除类，它将返回 DOMTokenList，它有一个方法 remove。如果元素没有目标类，那么什么都不会发生

const div = document.querySelector('div');

div.addEventListener('click', () => {
  div.classList.remove('active');
})

div {
  color: red;
  background: black;
  margin-bottom: 16px;
  cursor: pointer;
}

div.active {
  color: black;
  background: red;
}

<div class="active">CLICK ME</div>