Как можно получить значение свойства id элемента при наведении на него?

Question

Чеслав

javascript , html

Как можно получить значение свойства id элемента при наведении на него?

Как можно создать eventListener для 4 элементов с одинаковым классом, но разными id, так что при наведении на любой элемент будет возращаться его id?

14 декабря 2023 г. 15:26

Ответы на вопрос 1

Похожие вопросы

Answer 1

Для получения значения свойства id элемента при наведении на него, можно использовать событие "mouseover" в сочетании с методом event.target.id.

Пример:
```javascript
document.addEventListener("mouseover", function(event) {
  var id = event.target.id;
  console.log(id);
});
```

Для создания eventListener для 4 элементов с одинаковым классом, можно использовать метод querySelectorAll для выбора всех нужных элементов, а затем применить к каждому элементу метод addEventListener.

Пример:
```javascript
var elements = document.querySelectorAll(".className");
elements.forEach(function(element) {
  element.addEventListener("mouseover", function() {
    var id = this.id;
    console.log(id);
  });
});
```

В данном примере все элементы с классом "className" будут прослушивать событие "mouseover", и при наведении на любой из них будет выводиться его id.