画像ソースにURLの代わりにstringを使用する方法

Question

divに画像を埋め込みしようとしています。画像のソースはダイナミックで、JSオブジェクト 'storeLocations'の属性 'weatherIconURL'に格納されます。それはそれぞれの店舗用です。対応するweatherIcon画像を表示しようとしています。以下は私が使用しているコードです

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>'; 

画像が表示されません。エスケープ文字も使ってみました。

Answer 1

あなたは他のすべての方法と同じように、変数を文字列に含めません。違いに気づく？

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>'; 

構文のハイライト表示（ここではSOと同じ）は、目立つように見えるようにする必要があります。

Answer 2

は、なぜあなたは、単にこのコード

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>';