在HTML中通过JS将图片的src赋值给一个变量

Question

我想通过JS把图片src标签的内容赋值给一个点击图片的变量：例-

HTML

<img src="image.jpg" id="img">
<span id="source"/>

JS ???

我想将图片来源"image.jpg"赋值给一个变量，然后在点击HTML中的图片时通过id"source"加载。我该怎么做？

提前致谢。

Answer 1

你问题第一部分的答案是：

var src = document.getElementById("img").getAttribute("src");

第二部分不清楚

.. and then load it through id "source" in HTML.

Answer 2

不太清楚你想要实现什么。获取 src 标签的内容非常简单，到目前为止我已经成功了。但我不太确定你现在是想替换 span 标签的 id 属性还是什么。

到目前为止我已经解决的问题：获取 src

html:

<img src="image.jpg" id="img">
<span id="source" />

js:

var src = document.getElementById("img").getAttribute("src");
document.getElementById("source").innerHTML = src;

所以请澄清你的第二部分

Assign src of image into a variable through JS in HTML