Javascript:如何引用拥有事件处理程序的对象？

Question

我有一个带有图像缩略图的页面，每个缩略图都有一个 onclick 事件。

<a href='javascript:void(0)' onclick='getInfo();'>
  <img src='album/123.jpg' width='200' height='150' alt='' />
</a>     
<a href='javascript:void(0)' onclick='getInfo();'>
  <img src='album/456.jpg' width='240' height='320' alt='' />
</a>  

在事件处理程序 getInfo() 中，我想获取我单击的图像的信息，例如源文件名或高度。我怎样才能做到这一点？ (我希望使用 this ，但这似乎指的是窗口，而不是 <a> 标签。)
我还没有使用 jquery，所以我希望能有一个纯粹的 javascript 答案。

Answer 1

只需这样做:

onclick='getInfo(this);'>...

然后你可以在方法本身中获取引用

或者你可以这样做:

onclick='getInfo(event);'//我认为 IE 不发送 - 但 chrome 发送。

在函数中你可以获得Target。

通过事件:

function getInfo (evt)
{
 evt.target...
}

通过这个:

function getInfo (that)
{
   do something with that....
}