如何创建可以在JavaScript中更改的图像

我正在开发我自己版本的魔镜，我希望有一个图标，根据它请求的JSON数据显示天气。它每小时检查一次天气，我希望它显示4个图标中的一个（这些图标只是我用Photoshop处理过的png）

我尝试了

document.getElementById（“image”）.appeedchild（img）

，但每次它请求数据时，都会在原始文件旁边添加另一个图标。我可以获取数据并对其进行解析，我刚刚开始创建动态网页

现在我有一个函数从OpenWeatherMap检查天气，然后调用另一个函数将img.src设置为正确的图标文件，但什么都没有显示

---

最终目标是在接收到新数据时更新或替换原始图标

如果您给它一个

id

，它将更容易访问图像

然后，您可以更改图像的

src

属性，将不同的图像加载到元素中

---

document.getElementById（“weatherIcon”）.src=“secondIcon.png”

不要附加新图像，在原始图像上添加一个

id

，并替换其

src

。