javascript - 获取调用函数的元素的ID

如何获取称为JS函数的元素的ID？

body.jpg是狗的图像，因为用户将他/她的鼠标指向屏幕的 body 不同部位，从而显示了放大的图像。区域元素的ID等于图像文件名减去文件夹和扩展名。

<div>
    <img src="images/body.jpg" usemap="#anatomy"/>
</div>

<map name="anatomy">
  <area id="nose" shape="rect" coords="280,240,330,275" onmouseover="zoom()"/>
</map>

<script type="text/javascript">
function zoom()
{
 document.getElementById("preview").src="images/nose.jpg";
}
</script>

<div>
<img id="preview"/>
</div>

我已经完成了研究，并作为最后的选择来到了Stack Overflow。我更喜欢不涉及jQuery的解决方案。

最佳答案

在调用元素时将对元素的引用传递给函数:

<area id="nose" onmouseover="zoom(this);" />

<script>
  function zoom(ele) {
    var id = ele.id;

    console.log('area element id = ' + id);
  }
</script>