Есть код, который применяет действие только к одному блоку 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 не интересует!