javascript - JS : Getting image id using onmouseover

Question

我的文档中有 4 张图像，1 张在顶部，3 张在底部这个

 <script >
   function chanageimg(id)// here i want  to pass hovered image  src 
      {
          document.getElementById("top_image").src=id;

      }
   </script>

 <div id="top" >
   <img src="top.jpg"  id="top_image" />
 </div>

 //here is the  bottom image , 
<div class ="floats one">
  <img src="img1.jpg"  id="img1"  onmouseover="changeimg()" />
</div>     

我如何让它的 src 在 aboce 函数中传递。我不想使用 Jquery。这里作为学习目的

Answer 1

对 HTML 的一个小改动:

<img src="img1.jpg"  id="img1"  onmouseover="changeimg(this.id)" />

this 是鼠标悬停的图像，this.id 是您要传递给函数的参数。