javascript - 如何从除单击的元素之外的所有 li 元素中删除事件类？

Question

它不允许我在脑海中完成 slider 。而且我还要注意，不要使用 JQuery。仅适用于 JavaScript。我尝试了很多方法，但没有效果。

var ul = document.querySelector('ul');
var dots = [];

for (var i = 0; i < 5; i++) {
  var dot = document.createElement('li');
  dots.push(dot);
  ul.appendChild(dot);
}
dots[2].setAttribute('class', 'active');

li {
  width: 20px;
  height: 20px;
  background-color: lightgrey;
  text-decoration: none;
  display: inline-block;
  border-radius: 100%;
  margin-right: 15px;
}

.active {
  background-color: grey;
}

<ul></ul>

这里是 JSFiddle 链接:https://jsfiddle.net/heybetov1998/camuyve2/4/

Answer 1

这是一个可以为您完成此操作的事件处理程序。

function handler(event) {
  for (const li of document.querySelectorAll("li.active")) {
    li.classList.remove("active");
  }
  event.currentTarget.classList.add("active");
}

如果您愿意，我将让您自行设置事件处理程序并了解旧版浏览器支持。