Javascript 如何查找网页上的所有图像，包括在后台定义的图像？

使用JavaScript，如何识别所有图像

---

一种简单的方法是遍历所有DOM元素，并检查：1）它是否是

；2） 如果其样式包含背景图像，则获取所有img元素

var allImgs = document.getElementsByTagName('img');

要检查任何元素是否有背景图像，我可以尝试以下方法：

if (element.style['background-image'] != null) {/* your code */}

---

我不完全确定第二个问题。

获取所有img元素

var allImgs = document.getElementsByTagName('img');

要检查任何元素是否有背景图像，我可以尝试以下方法：

if (element.style['background-image'] != null) {/* your code */}

---

我不完全确定第二个问题。

获取所有img元素

var allImgs = document.getElementsByTagName('img');

要检查任何元素是否有背景图像，我可以尝试以下方法：

if (element.style['background-image'] != null) {/* your code */}

---

我不完全确定第二个问题。

获取所有img元素

var allImgs = document.getElementsByTagName('img');

要检查任何元素是否有背景图像，我可以尝试以下方法：

if (element.style['background-image'] != null) {/* your code */}

---

我不完全确定第二张图片。

获取页面上的所有图片：

function img_tag_find()
{
    var img_collect = document.getElementsByTagName('img'); //collection of image
    var img_collect_massiv = []; //array for image 
    for (var i = 0; i < img_collect.length; i++)
    {
        img_collect_massiv.push(img_collect[i].src); // push next image
    }

    return img_collect_massiv; // return array of image
}

或者试试看（通过所有元素，但不确定什么是正确的，没有时间检查）

---

获取页面上的所有图像：

function img_tag_find()
{
    var img_collect = document.getElementsByTagName('img'); //collection of image
    var img_collect_massiv = []; //array for image 
    for (var i = 0; i < img_collect.length; i++)
    {
        img_collect_massiv.push(img_collect[i].src); // push next image
    }

    return img_collect_massiv; // return array of image
}

或者试试看（通过所有元素，但不确定什么是正确的，没有时间检查）

---

获取页面上的所有图像：

function img_tag_find()
{
    var img_collect = document.getElementsByTagName('img'); //collection of image
    var img_collect_massiv = []; //array for image 
    for (var i = 0; i < img_collect.length; i++)
    {
        img_collect_massiv.push(img_collect[i].src); // push next image
    }

    return img_collect_massiv; // return array of image
}

或者试试看（通过所有元素，但不确定什么是正确的，没有时间检查）

---

获取页面上的所有图像：

function img_tag_find()
{
    var img_collect = document.getElementsByTagName('img'); //collection of image
    var img_collect_massiv = []; //array for image 
    for (var i = 0; i < img_collect.length; i++)
    {
        img_collect_massiv.push(img_collect[i].src); // push next image
    }

    return img_collect_massiv; // return array of image
}

或者试试看（通过所有元素，但不确定什么是正确的，没有时间检查）

---

对于在CCS中定义背景图像的情况，请通过以下方式检查HTML元素是否具有背景图像：

window.getComputedStyle(htmlElement).backgroundImage

---

收集页面上所有背景图像的最佳方法是遍历所有活动CSS，以收集所有

背景图像

引用以及相应背景图像应用的样式标记/类名。然后，只选择与相应样式匹配的HTML元素，同时确保它们没有折叠/隐藏/显示“无”

对于在CCS中定义背景图像的情况，请通过以下方式检查HTML元素是否具有背景图像：

window.getComputedStyle(htmlElement).backgroundImage

---

收集页面上所有背景图像的最佳方法是遍历所有活动CSS，以收集所有

背景图像

引用以及相应背景图像应用的样式标记/类名。然后，只选择与相应样式匹配的HTML元素，同时确保它们没有折叠/隐藏/显示“无”

对于在CCS中定义背景图像的情况，请通过以下方式检查HTML元素是否具有背景图像：

window.getComputedStyle(htmlElement).backgroundImage

---

收集页面上所有背景图像的最佳方法是遍历所有活动CSS，以收集所有

背景图像

引用以及相应背景图像应用的样式标记/类名。然后，只选择与相应样式匹配的HTML元素，同时确保它们没有折叠/隐藏/显示“无”

对于在CCS中定义背景图像的情况，请通过以下方式检查HTML元素是否具有背景图像：

window.getComputedStyle(htmlElement).backgroundImage

---

---

收集页面上所有背景图像的最佳方法是遍历所有活动CSS，以收集所有

背景图像

引用以及相应背景图像应用的样式标记/类名。然后，只选择与相应样式匹配的HTML元素，同时确保它们没有折叠/隐藏/显示“无”

这是一个问题还是一个陈述？这是一个相似的问题可能会给你一个结论这是一个问题还是一个陈述？这是一个相似的问题可能会给你一个结论这是一个问题还是一个陈述？这是一个相似的问题可能会给你一个结论第二个不会给你，如果你不定义内联style@Daiwei这是正确的。如果

background

是以CSS而不是内联样式分配的，

ele.style.backgroundImage

将一无所获。请看我对@Ghostider的评论。@Daiwei&lichgo:是的，你说得对。最近，我一直在处理这样的案例：当样式以内联方式编写时，我会对其进行操作。如果不是内联写的，它就不应该工作，我的错！如果不定义内联，第二个就不会style@Daiwei这是正确的。如果

background

是以CSS而不是内联样式分配的，

ele.style.backgroundImage

将一无所获。请看我对@Ghostider的评论。@Daiwei&lichgo:是的，你说得对。最近，我一直在处理这样的案例：当样式以内联方式编写时，我会对其进行操作。如果不是内联写的，它就不应该工作，我的错！如果不定义内联，第二个就不会style@Daiwei这是正确的。如果

background

是以CSS而不是内联样式分配的，

ele.style.backgroundImage

将一无所获。请看我对@Ghostider的评论。@Daiwei&lichgo:是的，你说得对。最近，我一直在处理这样的案例：当样式以内联方式编写时，我会对其进行操作。如果不是内联写的，它就不应该工作，我的错！如果不定义内联，第二个就不会style@Daiwei这是正确的。如果

background

是以CSS而不是内联样式分配的，

ele.style.backgroundImage

将一无所获。请看我对@Ghostider的评论。@Daiwei&lichgo:是的，你说得对。最近，我一直在处理这样的案例：当样式以内联方式编写时，我会对其进行操作。如果不是内联写的，它就不应该工作，我的错！如果

背景图像

是以CSS而不是内联样式分配的，

ele.style.backgroundImage

将一无所获。因此，除了检查

style

属性外，对IE和

var v=document.defaultView.getComputedStyle（ele'）使用
ele.currentStyle['background-image']
；v、 getPropertyValue（'background-image'）用于W3C标准，用于检测CSS中是否定义了背景。如果
背景