Почему не работает onmouseout?

Question

[ScarletFlash]

Добрый вечер.

Не возьму в толк, почему так работает:

<div class="product-image-wrapper">
	<div class="product-image" onmouseout="alert(2)"></div>
</div>

.., а так – нет:

<script>
           let a = document.querySelector(".product-image-wrapper .product-image");
           console.log(a);
           a.onmouseout = function(event){
                   alert(1);
           }
</script>

Только через костыли смог обойти сию ситуацию. Хотелось бы понять, в чем дело. Спасибо.

Answer 1

[profesor08]

Все прекрасно работает. Проследи чтоб код выполнялся после того, как страница загружена. Убедись, что ты взаимодействуешь именно с нужным элементом.

Comments

[Василий Варюхин]

И лучше addEventListener юзать

[profesor08]

Василий Варюхин, мне это писать не надо, я знаю что лучше и когда лучше.

[Василий Варюхин]

profesor08, Нужно было создать еще пару ответов на эту тему или все таки можно дополнить существующий?

[profesor08]

Василий Варюхин, это никаким боком не касается вопроса и не является ни причиной проблем, ни решением проблем. Для советов есть комментарии под вопросом.