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

【问题标题】：Assign src of image to a variable through JS in HTML在 HTML 中通过 JS 将图像的 src 赋值给一个变量
【发布时间】：2017-07-29 07:05:52
【问题描述】：

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

HTML

<div id="img">
<img src="image1.jpg">
<img src="image2.jpg">
</div>
<span id="source"/>

JS ？？？

我想将点击图片的图片源赋值给一个变量，然后通过 span 在 HTML 上显示源。当我单击图像时，这一切都应该发生。并且要分配给变量的来源应该是点击的图像。

我该怎么做？

提前致谢。

【问题讨论】：

这很可能是一个 JavaScript 问题。请不要标记Java
你至少应该提供一点javascript代码，在这里问之前尝试一下。

标签： javascript image variables src assign

【解决方案1】：

你可以试试这个，

<img ng-src="{{myVar}}">

【讨论】：

这会做什么？
您可以从角度控制器为 myvar 赋值。
提问者在任何时候都没有声明他们正在使用 AngularJS。请在提供答案之前彻底准备好问题，并提供一些context surrounding your answer 来说明您的代码应该如何实现（例如在这种情况下它需要AngularJS）。我还建议查看help article on how to write great answers :)

【解决方案2】：

尝试以下方法：

<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>

【讨论】：

但我需要在我点击图片时发生这种情况！
在本例中，当您单击图像（image1 或 image2）时，该特定图像将显示在 span...不是您想要的吗？