将JSON中的PNG图像链接到HTML

9 浏览
0 Comments

将JSON中的PNG图像链接到HTML

这个问题已经有答案了：

如何在JavaScript中插入变量到字符串中，而无需连接？

正如你即将看到的，我相对于编程而言是新手。我一直在努力让来自json文件的png图像在我的codepen中显示出来。我已经尝试了我在Stackoverflow搜索中找到的几个建议，但是我尝试过的任何东西似乎都不适用于我的情况。

这是我的codepen链接：

http://codepen.io/mbabaian/pen/MpjbZv

我试图使用的代码以获取图像是：

    var currentIcon = wd.current.condition.icon;
         // weather icon settings
  $("#current-icon").html("weather icon ");

这是图像所在的特定json数据：

https://api.apixu.com/v1/current.json?key=68629a769f564f9bb6450153170703&q=auto:ip

如果您需要我提供任何其他信息，请告诉我。先感谢您。

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

您创建了 currentIcon，并将其使用。

$("#current-icon").html('weather icon');

0
0 Comments

只需使用 

$("#current-icon").html("weather icon ");

这里是您更新的codepen

0