Javascript 从图像标记中提取src

嗨，我在用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);

arr=[]；
var divData=document.getElementById（“mainDiv”）.getElementsByTagName（“div”）；
对于（var i=0；i

上面的代码用于从mainDiv提取包含图像的childDiv

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

for（变量i=1；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>

试试这个：

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

---

你可以试试这样的东西：

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

---

为什么要从字符串中解析

src

，而只需遍历图像本身，并检索

src

属性？能否显示

#mainDiv

的HTML及其内容？

arr.push（divData[i].children[0]）

然后显示

警报（arr[i].src）

假设图像是div的第一个子对象。哇，你正在尝试在

div

中显示图像？作为

src

，你到底想得到什么？如果你真的看到

#pic

所在的图像，src必须在你的CSS上。从那里提取它不是件小事。为什么不使用

标记？

代码是习惯于打印图像标签

怎么没有图像标签，但你说你的问题中有？我想从InnerHtml中提取它你的HTML中没有图像，也没有

src

。哦，妈的，我忘了简要说明，但是图像标签是在点击按钮时动态创建的，它将在

div中创建

带有id

pic

？我知道，但我如何才能做到这一点？我想在获取innerHTML后提取源代码。我想从imageSrc获取src