使用Javascript从HTML代码中提取图像url

我正在从Facebook API的页面注释中提取信息。在输出中，我得到一个嵌入在HTML代码中的图像URL。如何使用Javascript从下面的HTML代码中提取图像url

<img class=\"photo_img img\" src=\"http://photos-c.ak.fbcdn.net/hphotos-ak-ash4/373909_207177302696060_189175211162936_438410_6588114253_a.jpg\" alt=\"\" />

---

感谢所有的帮助

您可以使用jQuery从html中提取任何数据。使用以下代码

$(function() {
  $('img').attr("src");
});

---

这将仅为img标记的第一个实例返回src值。如果您想要一个特定的img标记，可以将其包含在div中。

您可以使用如下代码

var imgObj = document.getElementsByTagName('img')[0];
alert(imgObj.getAttribute('src'));

更新

如果能够使用jQuery，可以执行以下操作

// select all images with the class 'photo_img'
var elements = $('img .photo_img').attr('src');

---

您可以使用循环或jQuery的每个函数遍历元素。

当然，您可以使用DOM提取这些数据。但问题是会有多少img标签？或者你能给这个标签一些id吗

returndocument.getElementById（id）.src有id，它将执行此操作

或者，您可能需要使用
getElementsByTagname（'img'）

如果它是单个
img
标签，那么使用它就很容易了。您还可以进行二级类匹配。
您需要使用正则表达式或某种字符串解析来获取URL。你熟悉吗？不，对不起，只知道你的名字。你知道正确的语法吗？这是一个非常简单的比较。但是它会提取包含双引号的URL，所以我在正则表达式规则之后添加了
.slice（1，-1）
，比如
String.match（/src=（.+？[\.jpg |\.gif |\.png]）/）[1]。slice（1，-1）
，现在它工作得很好。谢谢。你怎么知道他在使用jquery？这不起作用：var imgObj=json.data[I]。message.getElementsByTagName（'img'）[0]；我从未建议您将其添加到JSON对象中。我以为它是renderd html页面，但现在我看到您已更新了您的问题。是的，对不起。我已更新了我的问题。但是有没有办法使用正则表达式提取img标记的src？这不起作用：var imgObj=JSON.data[i]。message.getElementsByTagName（'img'））是不是有一种提取IMG标签的SRC的方法？你确信在JSON Meases中应用DOM吗？它的字符串是正确的吗？我会考虑使用DOMPARSER或ActiveXObjt作为XML文档来加载它。，您可以提取任何参数。
// select all images with the class 'photo_img'
var elements = $('img .photo_img').attr('src');