Javascript 将一个图像从JSON URL读入HTML的简单方法

有人可以建议一种最简单的方式，从JSON URL在HTML页面上显示电子邮件吗？我试图运行搜索，但每个人的建议都与人们拥有的一些复杂代码有关。我可以从JSON URL读取数据，但我需要知道如何在页面中显示图像本身，而不是图像的URL

JSON文件具有以下位置：

{"icon_url":"http://icons.wxug.com/i/c/k/icon.gif"}

如果我使用这种JS格式，它只会将URL数据读入我的HTML站点

document.getElementById('image').innerHTML = something.icon_url;

---

要使此gif在我的测试网站上实际显示为图片，简单的代码是什么？

无需更改

innerHTML

属性。而是使用domapi附加一个图像

//Assuming json_data is a variable containing the JSON in a string format.

json_data = JSON.parse(json_data);
var image = document.createElement("img");
image.onload = function() {
    document.getElementById("image").appendChild(image);
}
image.src = json_data.icon_url;

下面是显示此功能的快速片段：

//您可能会获取此文件，而不是手动设置它。
json_数据=“{”图标_url:”http://i0.kym-cdn.com/photos/images/original/000/581/296/c09.jpg"}';
json_data=json.parse（json_数据）；
var image=document.createElement（“img”）；
image.onload=函数（）{
document.getElementById（“image”）.appendChild（image）；
}
image.src=json\u data.icon\u url

为了让你知道为什么你被否决了（不是我），你应该在提问之前快速搜索一下谷歌。我几乎一整天都在浏览谷歌，没有人用我能理解的简单方式解释它，这都与一些复杂的代码有关，或者他们在SDE JS中制作JSON数据示例，一切看起来都不一样。。。我知道，如果有人认为这是一件基本的事情，有多年经验的人可能会否决我的问题。。。但是我们都必须从某个地方开始。如果不是一个
元素不起作用，并且通过他们使用
innerHTML
的示例，它不是，因为图像没有
innerHTML
哦，我的错。我将对此进行更改以反映这一点。我是否需要在HTML代码中显示src？我现在在HTML中有这样的内容：@Andrew我刚刚用正确的代码编辑了一段代码。我不知道你有一个div。有趣的是，我只需要一行代码就可以读取JSON中的所有其他内容，而我只需要一个小小的gif就可以读取所有这些疯狂的代码。这是因为图片不是HTML元素吗？非常感谢你，小胡子！：）