如果我从变量中提取图像,如何分配某些信息框内容中的<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上添加一个图像!