javascript下内联html中添加图片src

Question

嗨，我在谷歌地图上点击标记时显示一个 infoWindow，infoWindow 的内容是一个内联 html 以及 img 标记，每个标记的图像的 src 都会发生变化，我想动态获取 img src代码 iv 所做的是

var contentString = '<div id="content">'+
  '<div id="siteNotice">'+
  '<img id="image" alt="No Photograph to Display" src="" width="400px" height="250px" />'+

  '</div>'+
  '<h1 id="firstHeading" class="firstHeading">'+title+'</h1>'+
  '<div id="bodyContent">'+
  '<p>'+probdesc+'</p><br>'+
  '<p><b>Open Date:</b>'+opendate+'</p><br>'+
   '<p><b>Status:</b>'+status+'</p><br>'+
  '</div>'+
  '</div>';

图片标签必须获取src值必须替换为包含图片动态路径的url值

var url = '<%=imageURL %>'+ "&<portlet:namespace/>imagepath=" + imagepath;

Answer 1

在页面上打印 HTML 代码后，您可以使用 jQuery：

$("#image").attr("src", url); //"url" is your var.

只有 Javascript：

document.getElementById("image").setAttribute("src", url);
document.getElementById("image").src = url; //it works too - http://www.w3schools.com/js/js_htmldom_html.asp

在 Paul S 发表评论后，只是为了简单起见。如果您不在页面上打印 HTML，“attr”代码将不起作用。要在您的页面上打印 HTML 代码，您可以使用：

$("#anchor_element").html(contentString);
// and then
$("#image") .....

使用纯 Javascript：

document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......