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

【问题标题】：Assign src of image into a variable through JS in HTML在 HTML 中通过 JS 将图片的 src 赋值给一个变量
【发布时间】：2023-03-11 22:48:01
【问题描述】：

我想通过 JS 将图像的 src 标签的内容分配给一个变量：例如-

HTML

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

JS ？？？

我想将图像源“image.jpg”分配给一个变量，然后在我单击 HTML 中的图像时通过 id“source”加载它。我该怎么做？

提前致谢。

【问题讨论】：

【解决方案1】：

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

到目前为止我已经解决了什么：获取源代码

html:

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

js:

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

所以请澄清你的第二部分

【讨论】：

【解决方案2】：

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

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

第二部分不清楚

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

【讨论】：