更改HTML图像标记的src以使用Javascript从URL加载图像

Question

很抱歉听起来很天真，因为我是初学者。我一直在尝试在我的网站上加载图像，图像在其他地方在线托管并且有一个网址“http://www.vapor-rage.com/wp-content/uploads/2014/05/sample.jpg”

我有一个图像标签定义如下

app.js

此外，我的javascript函数在按钮单击

上执行以下操作

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

网址似乎工作正常，但图片没有显示在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，它似乎工作得很好。 article

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>