在javascript下的内联html中添加图像src
大家好,我正在谷歌地图上点击标记显示一个信息窗口,信息窗口的内容是一个内嵌的html以及img标签。图像的src随着每个标记的变化而变化,我想动态地获得img src,代码iv完成了什么在javascript下的内联html中添加图像src,javascript,html,Javascript,Html,大家好,我正在谷歌地图上点击标记显示一个信息窗口,信息窗口的内容是一个内嵌的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" h
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>';
var contentString=''+
''+
''+
''+
''+标题+''中+
''+
“”+probdesc+”
'+
“开放日期:”+opendate+”
'+
“状态:“+Status+”
'+
''+
'';
图像标记必须获取src值,并且必须由包含图像动态路径的url值替换
var url = '<%=imageURL %>'+ "&<portlet:namespace/>imagepath=" + imagepath;
var url=''+''&imagepath=“+imagepath;
在页面上打印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
document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......
在Paul的评论之后,为了简单起见。如果不在页面上打印HTML,“attr”代码将无法工作。要在页面上打印HTML代码,可以使用:
$("#anchor_element").html(contentString);
// and then
$("#image") .....
使用纯Javascript:
document.getElementById("image").setAttribute("src", url);
document.getElementById("image").src = url; //it works too - http://www.w3schools.com/js/js_htmldom_html.asp
document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......
我只是指出,#image必须作为一个节点存在,然后才能工作。好的一点,Paul S。我用“在你的页面上打印HTML代码后”这样说,我记得HTML代码正在某个地方打印。编辑答案。