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

Extract image url from HTML code using Javascript

本文关键字：提取 图像 url 代码 Javascript HTML 使用      更新时间：2023-09-26

我正在从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='"'" />

上面的图像标签嵌入到来自Facebook API的json响应中。我也在用Appcelerator创建一个iOS应用。

更新2

我用:

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

感谢所有的帮助!

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

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

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

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

return document.getElementById(id).src;将执行此操作，如果它有id。

否则，您可能需要使用getElementsByTagname('img')

获取img标记数组

如果它是一个单一的img标签，那么这很容易。你也可以选择二级类匹配

您可以使用如下代码

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的each函数来遍历元素。

相关文章：