Показать сообщение отдельно
  #1 (permalink)  
Старый 03.03.2017, 17:21
Аватар для Viher
Новичок на форуме
Отправить личное сообщение для Viher Посмотреть профиль Найти все сообщения от Viher
 
Регистрация: 25.02.2017
Сообщений: 8

Применить для всех div
Есть код, который применяет действие только к одному блоку div (первому). Гуру по JavaScript, подскажите пожалуйста что сделать, чтобы при наведении курсора на элемент применялся цвет ко всем div, на который наводится курсор?

<div data-add-back-btn="">Блок 1</div>
<div data-add-back-btn="">Блок 2</div>
<div data-add-back-btn="">Блок 3</div>
...


<script>
var el = document.querySelector("div");
    el.addEventListener("mouseover", mouseOver);
    el.addEventListener("mouseout", mouseOut);

function mouseOver() {
    el.style.color = "red";
}

function mouseOut() {
    el.style.color = "black";
}
</script>


CSS не интересует!

Последний раз редактировалось Viher, 03.03.2017 в 17:30.
Ответить с цитированием