如何将图像对象传递给分配给它的 onclick 函数？
发布于2022-08-07 00:38 阅读(559) 评论(0) 点赞(23) 收藏(4)
抱歉，如果这个问题令人困惑，我正在自学 javascript。我正在动态生成图像缩略图，并且我希望能够在用户单击缩略图时放大图像。我创建图像标签并分配 onclick 功能的代码看起来像......
var imageTag = "<img onclick=\"enlargeImage()\" class=\"thumb\" src=\"" + photoURL + "\" />";
document.getElementById("image-thumbnail").innerHTML = imageTag;
使用上面的代码，我的缩略图会显示出来，当用户点击它时，enlargeImage()就会调用该函数。我的问题是，如何访问在enlargeImage()函数内单击的图像对象？我尝试访问this函数内的对象，希望它指向被点击的图像，但this指的是整个页面，而不是被点击的图像。我希望能够访问该src属性，以及更改图像缩略图的样式属性。我还应该注意，最终会有多个图像，这就是我需要这种动态行为的原因。
非常感谢您的帮助！
解决方案
有几种方法可以做到这一点。最简单的方法是在函数中简单地添加一个参数，并在调用它时enlargeImage()传递一个引用。this
var imageTag = "<img onclick=\"enlargeImage(this)\" class=\"thumb\" src=\"" + photoURL + "\" />";
然后在函数...
function enlargeImage(img) {
alert(img.src);
}
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/381819/657721904fb9a5b36289/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力