Как менять стили при наведении на тег area?

Question

[Артем Рассадин]

Добрый день, мне необходимо менять стили при наведении на один из тегов area. Вот здесь приведён пример кода: https://codepen.io/ArtemVaka/pen/JjvaqZr
Попробовал document.querySelectorAll("#map area").forEach(item => item.addEventListener("mouseenter", ...))) -- не работает. подскажите пожалуйста

Comments

[Ankhena]

В современном мире практически перестали использовать map и area.

А такие карты как у вас, рисуют в svg, а там нет проблем с наведением на отдельные области.

[Артем Рассадин]

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

[Ankhena]

Артем Рассадин, дольше спрашивать, чем обвести контуры.

[Дмитрий]

document.querySelectorAll("#map area").forEach(item => item.addEventListener("mouseenter", function(){
  console.log('me');
}))

Работает.

Другое дело как вы вообще собрались стилизовать area?