2017-06-12 2 views
0

Symbol hinzufügen Ich habe wenig Problem. Ich habe keine Ahnung, wie kann ich ein Symbol in div einfügen. Ich nehme Daten von der Wetter-API und ich möchte mein Wetter-Widget erstellen. Dies ist Teil meiner Code:Wie kann ich über div Javascript

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>` 

     }); 

Wenn ich Code wie folgt ein:

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

Ich sehe vlue von Eigentum mein Icon, aber ich weiß nicht, wie kann ich URL-Symbol diesem hinzufügen.

+0

Wie verkörpern Sie Objektwerte, anstatt sie als Zeichenfolge einzufügen? – doutriforce

+0

Nun, vielleicht sollte "Wetter" innerhalb der Schleife auch als Array zugegriffen werden, wie 'Icon: $ {obj.weather [0] .icon}' – DontVoteMeDown

Antwort

0

Ich bin nicht wirklich sicher über Ihre Frage, aber wenn Ihr data.list[0].weather[0].icon eine URL-Zeichenfolge an das Symbol ist, dass Sie auf die Tabellenzeile angehängt werden soll, warum Sie dies nicht versuchen:
Änderung Ihrer die Zeile vor Ihrer </td> Tag zu icon: <img src = "${data.list[0].weather[0].icon}">

+0

Ich habe das Problem gelöst, danke! Symbol: ' – Lukas

+0

Können Sie meine Antwort als akzeptiert markieren. Ich wäre sehr dankbar :) –

Verwandte Themen