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

Question

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

HTML

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

JS ???

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

我该怎么做？

提前致谢。

Answer 1

你可以试试这个，

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

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

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

Assign src of image to a variable through JS in HTML

javascript

variables

image

src

assign