主页 / 问题 / 927398
Accepted
Nikita
Asked:2021-01-01 06:50:01 +0800 CST2021-01-01 06:50:01 +0800 CST

JavaScript需要一点帮助[重复]

  • 772

有一个代码通过 获取一个元素id ，按类对其进行尝试，然后在 处添加一个类mouseenter。代码更改了它遇到的第一个元素 thisid或 class，尽管我有超过 5 个。

如何改变所有这些元素？

var one = document.querySelector('.img1');

    one.addEventListener('mouseenter',function add()
        {
            one.classList.add("changes");
        });
    one.addEventListener("mouseleave",function remove(){
        one.classList.remove("changes");
    });
<div class="blockOne"><img class="img1" src="home/1.png"></div>

<div class="blockTwo"><img class="img1" src="home/2.png"></div>

javascript

1 个回答

  1. Best Answer

    document.querySelectorAll('.img1').forEach(function(item) {
  item.addEventListener('mouseenter', function() {
    this.classList.add("changes");
  });
  item.addEventListener("mouseleave", function() {
    this.classList.remove("changes");
  });
});
    .changes {
  background: lightgreen;
}
    <div class="blockOne"><img class="img1" src="home/1.png" alt="1.png"></div>
<div class="blockOne"><img class="img1" src="home/2.png" alt="2.png"></div>

    • 4

相关问题