我的网页上有很多图片。
<img id="a" src="1.jpg">
<br>
<img id="b" src="2.jpg">
我正在尝试使用以下 javascript 获取点击图像的“src”。
var getImageName = function(){
document.onclick = function(){
var image = this.getAttribute("src");
alert(image);
}}
getImageName();
但是它给出了一个错误 this.getAttribute is not function.
有什么想法吗? 提前致谢
最佳答案
因为 this
是点击处理程序中的文档对象,所以您可能想检查点击是否发生在图像元素中
var getImageName = function() {
document.onclick = function(e) {
if (e.target.tagName == 'IMG') {
var image = e.target.getAttribute("src");
alert(image);
}
}
}
getImageName()
<img id="a" src="//placehold.it/64X64&text=1" />
<br>
<img id="a" src="//placehold.it/64X64&text=2" />
<br>
关于javascript - 在javascript中检索点击元素的getAttribute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31380945/