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

Question

我有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>

Answer 1

尝试使用image

的src属性

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

将IMAGE_TAG_ID替换为您的图片代码ID。