从图像标记中提取src

时间:2013-01-11 18:24:31

标签: javascript html

您好我在使用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>

2 个答案:

答案 0 :(得分:6)

试试这个:

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

答案 1 :(得分:0)

你可以尝试这样的事情:

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