从图像标记中提取src

Question

嗨,我在使用JavaScript.我的代码是:

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>

Answer 1

试试这个:

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