從圖像標籤中提取src

-2

嗨，我正在使用JavaScript。我的代碼是：從圖像標籤中提取src

arr = []; 
var divData = document.getElementById("mainDiv").getElementsByTagName("div"); 
for (var i = 0; i < divData.length; i++) { 
if (divData[i].style.border == "2px solid black"){} 
else { 
var imageSrc = divData[i].innerHTML; 
arr.push(divData[i].innerHTML);

上面的代碼用於提取包含mainDiv中圖像的childDiv。

for (var i = 1; i < arr.length; i++) { 
alert(arr[i]); 
}

以上代碼用於打印該圖像標籤。問題是我只想打印圖像的src，但不是整個標籤。如何做到這一點?? 任何幫助將是偉大的。我的HTML是：

<div id="mainDiv"class="header" style="width:113%;margin-top:-24px;height:45px;line-height:45px;margin-left:-17px;background-color:#1156AB;color:white;font-weight:bold;font-size:24px;margin-bottom:10px;"><div id="pic" style:"padding:5px"></div></div>

來源

2013-01-11 Burhan Mughal

爲什麼你從一個字符串解析'src'，當你只能遍歷圖像本身，並檢索'src'屬性？ –

你可以顯示你的HTML爲'＃mainDiv'及其內容嗎？ – bfavaretto

'arr.push（divData [i] .children [0]）'然後'alert（arr [i] .src）'假設圖像是div的第一個孩子。 – Shmiddty

嘗試了這一點：

var imageSrc = divData[i].getElementsByTagName("img")[0].src; 
arr.push(imageSrc);

來源

2013-01-11 18:27:36 ATOzTOA

「img」不在代碼中..你的意思是「div」由它？ –

'代碼用於打印圖像標籤'那裏沒有圖像標籤，但是你說有問題嗎？ – Chad

請發佈您的HTML代碼。 – ATOzTOA

你可以嘗試這樣的財產以後：

var imgs = doc.getElementsByTagName('img'); 
imgs[0].getAttribute("src"); 
//or 
imgs[0].src

來源

2013-01-11 18:32:36 grandv22

我知道，但我如何能得到這？ –

我想在獲取innerHTML後提取源代碼。 –

我想從imageSrc中獲取src –

從圖像標籤中提取src

回答

相關問題