通过HTML

Question

我想通过JS点击图片，将图像的src标签内容分配给变量： 例如 -

HTML

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

JS ???

我想分配图片来源＆＃34; image.jpg＆＃34;变量然后通过id＆＃34; source＆＃34;加载它当我点击HTML中的图像时。我该怎么办？

提前致谢。

Answer 1

问题第一部分的答案是：

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

第二部分不清楚

  

..然后通过HTML中的id“source”加载它。

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;

演示：https://jsfiddle.net/6oprtnv6/

所以请澄清你的第二部分