更改HTML圖像標籤的src以使用JavaScript從url加載圖像

Question

對不起，因爲我是初學者，聽起來很天真。我一直在試圖在線裝載在我的網站託管在其他地方的圖像的圖像，並有我有一個形象的標籤定義如下

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

而且我的javascript函數執行的URL「http://www.vapor-rage.com/wp-content/uploads/2014/05/sample.jpg」

以下按鈕單擊

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

該URL似乎工作正常，但圖像不顯示onclick。

我犯了什麼錯誤嗎？

感謝您的任何建議:)

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>