[英]Adding image src in the inline html under javascript
嗨,我在谷歌地圖上單擊標記時顯示一個infoWindow,infoWindow的內容是一個內聯html和img標簽,每個標記的圖像的src都會變化,我想動態獲取img src的代碼完成是
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
在Paul S發表評論后,為簡單起見。 如果您不在頁面上打印HTML,則“ attr”代碼將不起作用。 要在頁面上打印HTML代碼,可以使用:
$("#anchor_element").html(contentString);
// and then
$("#image") .....
使用純Javascript:
document.getElementById("anchor").innerHTML = contentString;
// and then
document.getElementById("image")......
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.