时间戳

首页 > 解决方案 > 从网页中获取所有 gif 图像的 js 代码

javascript - 从网页中获取所有 gif 图像的 js 代码

问题描述

我试图从网页中获取所有图像并将它们显示在下面的控制台日志代码中：

function img_find() 
{
    var imgs = document.getElementsByTagName("img");
    var imgSrcs = [];
    for (var i = 0; i < imgs.length; i++){
      imgSrcs.push(imgs[i].src);
      console.log(imgs[i].src);
    }`
    return imgSrcs;
}

但现在我只想获取 gif 图像。我怎样才能做到这一点？

标签： javascripthtmlgifconsole.log

解决方案

function img_find() {
var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    if(!!(images[i].src).match(/\w+\.(gif)$/gi))
        srcList.push(images[i].src);
}

console.log(srcList);
}

您一定想知道为什么我!!在 if 条件中使用 (double not operator)。你可以在这里阅读它，他们比我解释得更好：什么是!! JavaScript 中的（不是不是）运算符？

推荐阅读