图像的分配SRC通过JS在HTML变量

我想图像的src标签的内容分配给一个变量上点击通过JS图片： EG-图像的分配SRC通过JS在HTML变量

HTML

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

JS ???

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

我该怎么办呢？

在此先感谢。

来源

2017-03-08 Yash Mittal

这很可能是一个JavaScript的问题。请不要标记Java –

您应该至少提供一点javascript代码，请在此处询问之前尝试一些内容。 – Nicolas

尝试以下操作：

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

来源

2017-03-08 16:13:19

但我需要这应该发生，当我点击图像！ –

在这个例子中，当你点击一个图像（image1或image2）时，该特定图像将被显示在范围内......是不是你想要的？ –

你可以试试这个，

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

来源

2017-03-08 16:05:09 prabhat

这会做什么？ –

从角度控制器，你可以赋予myvar价值。 – prabhat

https://www.w3schools.com/angular/tryit.asp?filename=try_ng_ng-src – prabhat

图像的分配SRC通过JS在HTML变量

回答

相关问题