@Fregat_gl

Как сделать, чтобы при наведении курсора на любой div html коллекции, менялся цвет его заголовка?

Всем здравствуйте.

Имеется следующий код, следующей структуры:
<style>
.color-active {
  color:red;
}
.post-style2{
  height: 100px;
  border: 1px solid #aeaeae;
  margin-bottom: 10px;
}
</style>

<div class="post-style2"> 
  
  <div class="title-link"> Заголовок </div>
  <div class="descr"> Описание</div>

</div>

<div class="post-style2"> 
  
  <div class="title-link"> Заголовок </div>
  <div class="descr"> Описание</div>

</div>


Как мне сделать с помощью js, чтобы при наведении на любой из имеющихся div, менялся цвет его заголовка?

Вытаскиваю html коллекцию с помощью:

let blocks = document.getElementsByClassName('post-style2');
let titleLinks = document.getElementsByClassName('title-link');


а как слушать каждый элемент коллекции ума не приложу.

Буду благодарен за помощь.
  • Вопрос задан
  • 57 просмотров
Решения вопроса 1
@Rubix
Учусь на React-разработчика.
let lnks = document.getElementsByClassName("descr"); //описания
let hdrs = document.getElementsByClassName("title-link"); //заголовки
for (let i = 0; i < lnks.length; i++) {
  lnks[i].onmouseover = () => {
    hdrs[i].style.color = "red";
  }
  lnks[i].onmouseout = () => {
    hdrs[i].style.color = "black";
  }
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Tim-A-2020
@Tim-A-2020
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 окт. 2020, в 10:48
3000 руб./за проект
26 окт. 2020, в 10:42
30000 руб./за проект
26 окт. 2020, в 10:18
50000 руб./за проект