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

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

javascript image variables

Javascript 通过HTML中的JS将图像的src分配给变量,javascript,image,variables,src,assign,Javascript,Image,Variables,Src,Assign,我想在通过JS单击图像时，将图像的src标记的内容分配给一个变量：乙二醇- HTML JS 我想将单击图像的图像源分配给一个变量，然后通过span在HTML上显示该源。这一切都应该在我单击图像时发生。要分配给变量的源应该是单击的图像我怎么做提前谢谢。你可以试试这个 <img ng-src="{{myVar}}"> 请尝试以下操作： <html> <head> <script> function setImage(id

我想在通过JS单击图像时，将图像的src标记的内容分配给一个变量：乙二醇-

HTML

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

我怎么做

提前谢谢。

你可以试试这个

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

请尝试以下操作：

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

这更可能是一个JavaScript问题。请不要标记Java您至少应该提供一点javascript代码，在询问之前尝试一些东西。这会做什么？从angular controller，您可以将值分配给myvar。提问者在任何时候都不会声明他们正在使用AngularJS。在提供答案之前，请彻底准备好问题，并提供一些说明如何实现代码，例如在本例中需要AngularJS。我还建议查看：但我需要在单击图像时执行此操作！在本例中，当您单击图像image1或image2时，该特定图像将显示在span。。。这不是你想要的吗？

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