js给标签动态绑定onclick，如何在onclick的时候获取标签中的属性

代码是谁

于 2023-04-26 17:33:06 发布

阅读量890

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/lswandt/article/details/130391016

前端专栏收录该内容

1 篇文章

订阅专栏

文章展示了如何使用JavaScript来添加图片点击事件监听器，当图片被点击时，获取并打印出图片的源地址。示例代码中，遍历所有img标签并绑定点击事件，点击事件触发后在控制台输出图片的src属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

百度了半天最后是chatGPT搞定的。。。

var imgs = document.getElementsByTagName("img");
for (var i = 0; i < imgs.length; i++) {
  imgs[i].onclick = function(event) {
    var imgSrc = event.target.getAttribute("src");
    console.log(imgSrc);
  }
}