圖像的分配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變量

回答

相關問題