如何从数组的变量中分配<img src=""/>?

时间:2014-09-22 14:24:43

标签: javascript jquery html html5 google-maps

如果我从变量中提取图像,如何分配某些信息框内容中的<img src>。 例如。我有一个图像输出到一个图像阵列,显示在&#39;输出&#39;格。

$("#output").append("<img src='"+availableImages["nla"]["images"][i]+"-v'>"); 

我希望能够只拍摄第一张图片,并将其显示在&#34; myPic&#34; ID:

var contentString = '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h1 id="firstHeading" class="firstHeading">'+results[0].formatted_address+'</h1>'+
    '<div id="bodyContent">'+
        '<p><b>'+results[0].address_components[0].short_name+'</b>, some info text here...sandstone rock formation in the southern part of the Northern</p>'+'<img id="myPic" src="">'+
         '<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+'http://en.wikipedia.org/w/index.php?title=Uluru</a> '+'(last visited June 22, 2009).</p>'+
  '</div>'+
  '</div>';

我尝试过这样做(在#output之后),但我得到了一个&#39; TypeError:document.getElementById(...)为null&#39;错误。

var abcImage="'" + availableImages["nla"]["images"][i] + "-v'";
document.getElementById("#myPic").setAttribute('src',abcImage)

我该如何解决这个问题!

原则上似乎相对简单的东西看起来很难。我只想在InfoWindow上添加一个图像!

0 个答案:

没有答案