我想在图像的路径内写下图标名称<img source= " " >标签

Question

我正在使用黑暗的天空api获取天气信息，图标参数使我为我提供了多云，部分云，晴天等。我保存了图标图像相同的名称，并在文件夹中使用图标名称。我想在源路径中写下此参数，例如

 <img src="....iconweather  $forecast.weatherDays[0].icon .png" height="300vh" width="300vw">

weather.html

  <div id="day1"> <div id="icon"></div> </div>
 <div id="day2"> <div id="icon"></div> </div>

weathermanager.js

document.querySelector("#day1 #icon").innerHTML=forecast.weatherDays[0].icon;
document.querySelector("#day2 #icon").innerHTML=forecast.weatherDays[0].icon;

我该怎么做？

Answer 1

您需要使用以下代码在DIV中添加图像：

var forecast = {};
forecast.weatherDays = [];
forecast.weatherDays[0]= { icon :'partly-cloudy'};
forecast.weatherDays[1]= { icon :'image8-2'};
//console.log(forecast.weatherDays)
document.querySelector("#day1 #icon").innerHTML= '<img src="..\..\icon\weather\'+forecast.weatherDays[0].icon+'.png" height="300vh" width="300vw">';
 document.querySelector("#day2 #icon").innerHTML= '<img src="https://blog.hubspot.com/hubfs/'+forecast.weatherDays[1].icon+'.jpg" height="300vh" width="300vw">';

 <div id="day1"> <div id="icon"></div> </div>
 <div id="day2"> <div id="icon"></div> </div>