如何在单击该图像的onclick事件上获取图像源路径 [英] How to get Image source path on onclick event of that Image clicked
本文介绍了如何在单击该图像的onclick事件上获取图像源路径的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当触发图像的onclick事件时,我需要获取Image源。
I need to get the Image source when onclick event of the image is fired .
我尝试使用document.getElementById(example)。src; ,但浏览器上的控制台说
I tried using document.getElementById("example").src; , but the console on browser says
未捕获TypeError:无法读取属性'src'为null
<html>
<head>
<script type="text/javascript">
function changeIt()
{
var name = document.getElementById("myimage").src;
alert(name);
}
</script>
</head>
<body>
<img onclick="changeIt()" src='em1.gif' name='example' border='0' />
<img onclick="changeIt()" src='em2.gif' name='example' border='0' />
<img onclick="changeIt()" src='em3.gif' name='example' border='0' />
<img onclick="changeIt()" src='em4.gif' name='example' border='0' />
<img onclick="changeIt()" src='em5.gif' name='example' border='0' />
</body>
</html>
更新零件。
实际的来源是,在AJAX响应中,我将从文件夹中获取图像路径,我需要动态创建图像并将它们添加到div。
The actual source is , on a AJAX Response , i will get Image Paths from a folder , for which i need to create Images dynamically and add them to a div .
这是实际代码
outputdata.forEach(function (element) {
content = $("<div><a href='something'><img onclick='changeIt()' src='" + element + "' /></a></div>");
content.addClass('content');
container.append(content);
$("#fp_thumbScroller").append(container);
});
}
所以我没有创建ID,因为它不适合拥有不同图像的相同ID。
so i didn't created ID , thinking as it is not suitable to have same id's for different images .
推荐答案
html:
<img onclick="changeIt(this.src)" src='em1.gif' name='example' border='0' />
js:
function changeIt(_src){
alert(_src);
}
这篇关于如何在单击该图像的onclick事件上获取图像源路径的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文