我正在使用自己的魔术镜版本,并且希望有一个图标,该图标根据请求的JSON数据显示天气。它每小时检查一次天气,我希望它显示4个图标之一(这些图标只是我的photoshop png产品)
我尝试过document.getElementById(“image”).appenedChild(img)
,但是每次请求数据时,它都会在原始文件旁边添加另一个图标。我可以获取数据并对其进行解析,我只是创建动态网页的新手
现在我有一个从OpenWeatherMap检查天气的函数,然后调用另一个将img.src设置为正确图标文件的函数,但是什么都没有显示
最终目标是在收到新数据时更新或替换原始图标
答案 0 :(得分:1)
如果您给图片添加id
,则访问图片会更容易。
<img id="weatherIcon" src="firstIcon.png" alt="Weather icon">
然后,您可以更改图像的src
属性以将其他图像加载到元素。
document.getElementById("weatherIcon").src = "secondIcon.png";