2017-06-12 18 views
0

少し問題あります。私はどのように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アイコンを追加する方法がわからないこれが私のコードの一部です。

+0

文字列として挿入するのではなく、オブジェクトの値を連結するのはどうですか? – doutriforce

+0

まあ、おそらく 'weather'は' icon:$ {obj.weather [0] .icon} 'のようにループ内でもアクセスされるべきです。 – DontVoteMeDown

答えて

0

私はあなたの質問については本当によく分からないが、あなたのdata.list[0].weather[0].iconはあなたがテーブルの行に追加したいアイコンにURL文字列がある場合は、なぜあなたはこれを試してみません:
変更をあなたの行をあなたの</td>前にタグをicon: <img src = "${data.list[0].weather[0].icon}">

+0

私は問題を解決しました、ありがとう! 'icon: ' – Lukas

+0

私の答えは受け入れ可能とマークできますか?私は非常に感謝されます :) –

関連する問題