如何在javascript中从DOM中提取图像？

如果你看过Pinterest，你就会知道他们有一个书签，用户可以按下它，它会加载更多的javascript，从DOM收集特定的图像，并让他们将它们固定在站点上。我发现收集图像很有趣，并且希望能够做到这一点。我可以在哪里学习如何从DOM收集图像，以便让用户使用它们？我做过谷歌搜索，但大多数都是关于使用php进行抓取的，例如，如果用户在需要登录的页面上，这就不起作用了。

我不太清楚你在问什么，但下面是如何使用javascript获取图像的：

var images = document.getElementsByTagName("img");

这将返回一个节点列表，您可以通过该节点列表一次循环处理单个图像

for (var i=0,l=images.length;i<l;i++){
   // your code here
   console.log(images[i].src);
}

---

for（var i=0，l=images.length；i我不太确定您在问什么，但下面是如何使用javascript获得图像的：

var images = document.getElementsByTagName("img");

这将返回一个节点列表，您可以通过该节点列表一次循环处理单个图像

for (var i=0,l=images.length;i<l;i++){
   // your code here
   console.log(images[i].src);
}

for（var i=0，l=images.length；i使用jquery实际上非常简单

您可以执行一个简单的选择器，如
$（'img'）
。它将为您提供一个页面上所有图像的集合…从中，您可以使用
$（'img'）获取其中任何图像的源代码。first（）.attr（'src'）
使用jquery实际上非常简单

您可以执行一个简单的选择器，如
$（'img'）
。它将为您提供页面上所有图像的集合…从中，您可以使用
$（'img'）获取其中任何图像的源代码。首先（）.attr（'src'）
创建一个。要获取页面上的所有图像，请执行以下操作：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
    var imageSrc = images[i].src;
    // Do something with the image
    // ie, add it to the DOM and let them select one.
    // It also might be worth looking at the offsetWidth property to only grab larger images
}

var images=document.getElementsByTagName（'img'）；
对于（var i=0；i

以下是供参考的方法创建一个。要获取页面上的所有图像，请执行以下操作：

var images = document.getElementsByTagName('img');
for (var i = 0; i < images.length; i++) {
    var imageSrc = images[i].src;
    // Do something with the image
    // ie, add it to the DOM and let them select one.
    // It also might be worth looking at the offsetWidth property to only grab larger images
}

var images=document.getElementsByTagName（'img'）；
对于（var i=0；i

这是供参考的
谢谢。对不起，如果我不应该在这里问另一个问题，但我只是问，因为它是直接相关的。如果没有img标签怎么办？例如，今天的谷歌图像是@townie如果没有
img
标签，那么你必须采用每个结构的css样式，并检查该图像所在的属性可用于
url（…）
string谢谢。抱歉，如果我不想在这里再问一个问题，但我只是问，因为这是直接相关的。如果没有img标记怎么办？例如，今天的谷歌图像是@townie如果没有
img
标记，那么你必须采用每个结构的css样式，并检查该图像可能的属性e> url（..）
string