如何在悬停时获取图像的整个HTML？

Question

 <img src="https://cdn131.picsart.com/271777618047201.jpg?r240x240"
     crossorigin="anonymous" id="image" width="400">

让我们想象一下,我有一个HTML标签如下:

<img src="https://cdn131.picsart.com/271777618047201.jpg?r240x240"id="image" width="400">

我可以通过获取图像元素const tag = document.getElementById('image');.现在,我唯一的问题是,如何只是将鼠标悬停在图像上,就可以获得上面的html标记.

Answer 1

您可以使用对象的target属性event:

document.querySelector('div').addEventListener('mouseover', e => {
  console.log(e.target);
});

<div>hover me</div>