我想通过JS将图像的src标签的内容分配给点击图像时的变量: 例如-
HTML
<div id="img">
<img src="image1.jpg">
<img src="image2.jpg">
</div>
<span id="source"/>
JS ???
我想将点击图像的图像源分配给一个变量,然后通过span将源显示在HTML上。当我单击图像时,这一切都应该发生。并且要分配给变量的源应该是单击的图像。
我该怎么做?
提前致谢。
最佳答案
尝试以下操作:
<html>
<head>
<script>
function setImage(id){
var element = document.getElementById(id).src;
document.getElementById("source").innerHTML = "<img src='" + element + "' />";
}
</script>
</head>
<body>
<div id="img">
<img id="img1" src="image1.jpg" onclick="setImage(this.id)" >
<img id="img2" src="image2.jpg" onclick="setImage(this.id)" >
</div>
<span id="source"></span>
</body>
</html>
关于javascript - HTML中通过JS将图片的src赋值给变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42675989/