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

时间:2019-11-07 06:14:31

标签: javascript html

我正在使用自己的魔术镜版本,并且希望有一个图标,该图标根据请求的JSON数据显示天气。它每小时检查一次天气,我希望它显示4个图标之一(这些图标只是我的photoshop png产品)

我尝试过document.getElementById(“image”).appenedChild(img),但是每次请求数据时,它都会在原始文件旁边添加另一个图标。我可以获取数据并对其进行解析,我只是创建动态网页的新手

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

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

1 个答案:

答案 0 :(得分:1)

如果您给图片添加id,则访问图片会更容易。

<img id="weatherIcon" src="firstIcon.png" alt="Weather icon">

然后,您可以更改图像的src属性以将其他图像加载到元素。

document.getElementById("weatherIcon").src = "secondIcon.png";