Question

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

HTML

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

JS ???

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

我该怎么做？

提前致谢。

Answer 1

尝试以下方法：

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

Answer 2

你可以试试这个，

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

通过HTML中的JS将图像的src分配给变量

2 个答案: