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