как запустить события «mouseover/mouseout» ?

1
2
3
4
5
6
7
8

document.querySelectorAll('.descrip a h1').forEach(el => {
     el.style.color = 'blue';

     el.addEventListener('mouseover', () => {
         el.style.color = 'red';  });
     el.addEventListener('mouseout', () => {
         el.style.color = 'yellow';  });
 });

1. Как правильно задать цвет: для текста или для ссылки?
2. Действие «mouseenter» на текст или вокруг ссылки?
3. Это вообще рабочий проект?

Скрипт из вопроса находится в папке js/…/show,js

здесь сборка кучки

в массив. Массив собран в один div по ID

<div class="swiper-wrapper" id="swiper-wrapper"></div>

В index.html этот " id=“swiper-wrapper” цвет в CSS-переменной по умолчанию. Но в самом index.html я просто закоментил color: , т.е. вообще. Пусть color: ставит только скрипт .

И пока это работает. Даже был там раньше этот color: с CSS-переменной, так это нечего не меняет.

Результат работы: цикл работает, цвет устанавливается.

‘mouseover’, ‘mouseout’, – не работает.

Но если закоментить 2 строку, то цвет становится по установке из CSS. И начинает работать одно событие: либо ‘mouseover’, либо ‘mouseout’.

Почему такое странное поведение ?

Получится или нет? Или здесь нарушены принципы JS ?

Swiper3Dslider

Используйте DevTools , Overrides . В Overrides можно все смотреть, менять, тестировать. Относится к любому сайту. А то все хотят Codepen, в котором внешние файлы посмотреть нельзя.

Как запустить эти несчастные события мыши ?