在javascript下的inline html中添加图像src
您好我正在显示一个infoWindow点击在谷歌地图上的标记,infoWindow的内容是一个内嵌的HTML与img标记的图像的src为每个标记更改,我想获得IMG SRC dynamicaly代码什么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;
在您的页面上打印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
只是为了让保罗简单点评一下。 如果您不在页面上打印HTML,则“attr”代码将不起作用。 要在您的页面上打印HTML代码,您可以使用:
$("#anchor_element").html(contentString);
// and then
$("#image") .....
使用纯Javascript:
document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......
链接地址: http://www.djcxy.com/p/42163.html