从图像标签中提取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

回答

相关问题