解析 json 数据以在 chrome 扩展中查看为图像答案

【问题标题】：Parse json data to view as an image in chrome extension解析 json 数据以在 chrome 扩展中查看为图像
【发布时间】：2015-09-18 08:38:39
【问题描述】：

我有图像和文本作为 json 数据。

"imageCollection": {
"Name": "Anna",
"imageUrl":"https://xxx/xxx/img.jpg?t=5657565",
},

我使用这种方法将 json 数据解析为图像，但我想在弹出窗口中并排附加图像和文本。

document.getElementById("img").src=                    
jsonData.imageCollection.logo;

我之前写的将json数据解析为html

 document.getElementById("host").innerHTML= 
 jsonData.imageCollection.Name

我应该如何将这两种方法合并在一起以附加在一起？请问有什么建议吗？我的popup.html

<div id="host">
 <image id="img"></image>
</div>

【问题讨论】：

我认为它应该像下面的语句。 document.getElementById("host").innerHTML = jsonData.imageCollection.imageUrl;
否，然后它将 url 显示为 viewnot 图像

【解决方案1】：

尝试使用图片的 src 属性

document.getElementById("IMAGE_TAG_ID").src = jsonData.imageCollection.imageUrl;

将 IMAGE_TAG_ID 替换为您的图片标签 ID。

【讨论】：