如何将OnClick函数绑定到Javascript中的图像列表

如何将OnClick函数绑定到Javascript中的图像列表,javascript,html,Javascript,Html,我正在使用以下代码以编程方式(在for循环中动态地)生成图像: 现在,我需要在单击每个图像并将每个图像id传递给该函数时绑定一个函数。如何在JScript中执行此操作 谢谢。我要说的是,添加这个应该可以: objImage.addEventListener('click', function() { alert(this.id); }, false); 好的,我只是(a)将id附加到图像本身,然后(b)在onclick处理程序中提取这个id 也许有点像这样: 代码编辑: var objI

我正在使用以下代码以编程方式(在for循环中动态地)生成图像:

现在,我需要在单击每个图像并将每个图像id传递给该函数时绑定一个函数。如何在JScript中执行此操作


谢谢。

我要说的是,添加这个应该可以:

objImage.addEventListener('click', function() {
   alert(this.id);
}, false);
好的,我只是(a)将id附加到图像本身,然后(b)在onclick处理程序中提取这个id

也许有点像这样:

代码编辑:

var objImage = document.createElement('img');
objImage.setAttribute('myId', id);
function myClickHandler(e)
{
  var clickedImage = this;
  var clickedImageId = this.getAttribute('myId');
  //
  // do something here with the image &/or id
}
代码添加:

var objImage = document.createElement('img');
objImage.setAttribute('myId', id);
function myClickHandler(e)
{
  var clickedImage = this;
  var clickedImageId = this.getAttribute('myId');
  //
  // do something here with the image &/or id
}

我没有使用图像的.id属性,因为您没有自己设置它们。但是,您使用了复选框的
.id
属性。页面上不能有重复的id,因此只需将objImage的
.id
设置为与
objCheckbox
.id
相同的值,就无法工作。

这会为每个图像打印空id。请帮助解决:(因为您没有在图像上设置id)