Wie Zeichenfolge anstelle von URL in Bildquelle

Question

Ich versuche, ein Bild in einem Div einzubetten. Die Quelle des Bildes ist dynamisch und wird im Attribut 'weatherIconURL' des JS-Objekts 'storeLocations' gespeichert. Das ist für jeden storeLocation ich versuche das entsprechende WetterIcon Bild zu zeigen. Unten ist der Code, den ich verwende

var block = '<div>'+'<p><b>'+storeLocations[i].accountName+'</b></p>'+ 
          '<p>Min Temp: '+storeLocations[i].minTemp+'</p>'+ 
          '<p>Max Temp: '+storeLocations[i].maxTemp+'</p>'+ 
          '<img src="storeLocations[i].weatherIconURL"/>'+ 
         '</div>'; 

Das Bild wird nicht angezeigt. Ich habe versucht, auch Escape-Zeichen zu verwenden.

Answer 1

Die Variable in der Zeichenfolge wird nicht wie alle anderen in die Zeichenfolge eingeschlossen. Beachten Sie den Unterschied? Dies sollten Sie reparieren:

var block = '<div>'+'<p><b>'+storeLocations[i].accountName+'</b></p>'+ 
      '<p>Min Temp: '+storeLocations[i].minTemp+'</p>'+ 
      '<p>Max Temp: '+storeLocations[i].maxTemp+'</p>'+ 
      '<img src="' + storeLocations[i].weatherIconURL + '"/>'+ 
      '</div>'; 

Syntax-Hervorhebung (wie das hier SO verwendet) sollte dies auf eine einfache Sichtprüfung heraus stehen zu lassen.

Answer 2

warum verwenden Sie concatinate so viel einfach diesen Code hinzufügen

var block = '<div><p><b>'+storeLocations[i].accountName+'</b></p><p>Min Temp: '+storeLocations[i].minTemp+'</p><p>Max Temp: '+storeLocations[i].maxTemp+'</p><img src='+storeLocations[i].weatherIconURL+'/></div>';