当图像的 onclick 事件被触发时，我需要获取图像源。
我尝试使用 document.getElementById("example").src; ，但浏览器上的控制台显示
未捕获的类型错误：无法读取 null 的属性“src”
<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 中。
这是实际的代码
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。
html:
<img onclick="changeIt(this.src)" src='em1.gif' name='example' border='0' />
js:
function changeIt(_src){
alert(_src);
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
