JavaScript нужна небольшая помощь [дубликат]

125

17 июля 2019, 16:00

На данный вопрос уже ответили:

Задать атрибут элементу при выполнении определенных условий 1 ответ

Есть js код который берет элемент по id(пробовал и по классу) добавляет к нему класс при mouseenter. Вопрос в следующем: код изменяет первый попавшийся ему элемент с таким id(classo'm хотя у меня их больше 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>

Answer 1

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>