主页 / 问题 / 1119053
Accepted
DarkRou
Asked:2020-05-02 12:35:17 +0000 UTC2020-05-02 12:35:17 +0000 UTC

单击不同块时的JS一个动作

  • 772

有一组四个块，每个块都有一个类block。而且我需要当您单击其中一个时，会发生一个动作，例如，添加一个类，恰好在单击的块上。如何做到这一点？因为据我了解，eventLisener 无法以这种方式处理数组。并且为每个块复制代码，我认为不值得。

Ps 点击不同的方块时，动作是一样的，不同的只是方块本身，而不是动作

javascript

1 个回答

  1. Best Answer

    document.querySelectorAll(".block").forEach(
  el => el.addEventListener("click", function(e) {
    this.classList.add("green");
  })
);
    .block {
  border: 1px solid black;
  width: 100px;
  height: 100px;
  display: inline-block;
}

.green {
  background: lightgreen;
}
    <div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>

    • 2

相关问题