更改HTML圖像標簽的src以使用Javascript從url加載圖像

Question

抱歉，由於我是初學者，所以聽起來很幼稚。 我一直試圖將圖像托管在我的網站上，並將該圖像托管在其他在線位置，並且網址為“ http://www.vapor-rage.com/wp-content/uploads/2014/05/sample.jpg ”

我有如下定義的圖片標簽

<img id="image" src="" alt="" />

此外，我的javascript函數在單擊按鈕時執行以下操作

document.getElementById("image").src="http://www.vapor-rage.com/wp-content/uploads/2014/05/sample.jpg";

該URL似乎可以正常工作，但是圖像不會顯示在click上。

我有什么錯誤嗎？

感謝您的任何建議:)

Answer 1

我可以看到您在這里使用" ，可能是HTML也有"所以它可能無法正常工作。 您可以使用以下代碼：

<a href="#"
   onclick='document.getElementById("image").src="http://www.vapor-rage.com/wp-content/uploads/2014/05/sample.jpg"; return false'>Change</a>

Answer 2

我創建了一個Jsfiddle，它似乎工作正常。 https://jsfiddle.net/ltlombardi/jvts4m3y/

 var coco = function(){ document.getElementById("image").src="http://www.vapor-rage.com/wp-content/uploads/2016/02/Vapor-Rage-Small-Logo-new.png"; }; 

 <img id="image" src="" alt="" /> <a href="javascript:void(0);" onclick="coco()">Click here</a>