Question

我从Facebook API的页面笔记中提取信息。在输出中，我得到一个嵌入HTML代码中的图像URL。如何使用Javascript从下面的HTML代码中提取图像网址？

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

更新

上面的图片代码嵌入在Facebook API的JSON响应中。我也在使用Appcelerator来创建iOS应用程序。

更新2

我解决了它：

json.data[i].message.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1]

感谢所有人的帮助！

Answer 1

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

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

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

Answer 2

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

return document.getElementById(id).src;如果有ID，则会执行此操作。

或者，您可能需要使用getElementsByTagname('img')

获取img标记数组

如果它是一个img标签，那么这很简单。你也可以选择二级课程。

Answer 3

您可以使用此类代码

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的每个函数迭代元素。

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

3 个答案: