如何通過Javascript將圖標添加到div

我沒有什麼問題。我不知道如何插入圖標到div。我從天氣API獲取數據，我想創建我的天氣部件。這是我的代碼部分：如何通過Javascript將圖標添加到div

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圖標了這一點。

來源

2017-06-12 Lukas

你如何連接對象值，而不是將它們作爲字符串插入？ – doutriforce

好吧，也許'天氣'應該作爲一個數組在內部循環訪問，像'icon：$ {obj.weather [0] .icon}' – DontVoteMeDown

我真的不知道你的問題，但如果你的data.list[0].weather[0].icon是一個URL字符串要附加到錶行的圖標，你爲什麼不試試這個：你</td>前
改變你的行標記爲icon: <img src = "${data.list[0].weather[0].icon}">

來源

2017-06-12 17:05:51

我已經解決了問題，謝謝！ 'icon：' – Lukas

你能否將我的答案標記爲已接受？我會很感激：） –

如何通過Javascript將圖標添加到div

回答

相關問題