如何通过 Javascript 将图标添加到 div

Question

我没有什么问题。我不知道如何将图标插入 div。我从天气 API 中获取数据，我想创建我的天气小部件。这是我的代码的一部分：

  data.list.filter((value) => value.dt_txt.slice(0, 10) == date.toISOString().slice(0, 10) ? value : null).forEach(function(obj) {

          date_elements[i] += `<tr>
    <td>
    date: ${obj.dt_txt} </br>
    wind speed: ${obj.wind.speed}</br>
    pressure: ${obj.main.pressure}</br>
    temperature: ${obj.main.temp}</br>
    humidity: ${obj.main.humidity}</br>
    icon: ${obj.weather.icon}
    </td>
  </tr>`

        });

如果我插入这样的代码：

console.log(data.list[0].weather[0].icon);

我看到属性我的图标的 vlue，但我不知道如何添加 url 图标。

Answer 1

我不太确定你的问题，但如果你的 data.list[0].weather[0].icon 是一个 URL 字符串到你想附加到 table 行的图标，为什么不你试试这个：
将 </td> 标记前的行更改为 icon: <img src = "${data.list[0].weather[0].icon}">

如何通过 Javascript 将图标添加到 div

How can I add icon to div via Javascript

javascript

api

icons

add

weather