OStack程序员社区-中国程序员成长平台

标题: javascript - 如何使用 JavaScript 获取页面上所有图像的 href? [打印本页]

作者: 菜鸟教程小白    时间: 2022-9-6 23:33
标题: javascript - 如何使用 JavaScript 获取页面上所有图像的 href?

我可以使用 JavaScript 获取页面上所有图像的 href 吗?此代码为我提供了这些图像的 src,但我想为它们返回 href。

function checkimages() {
     var images = document.images;
     for (var i=0; i<images.length; i++){
        var img =images[i].src;
       alert(img);
     }
}



Best Answer-推荐答案


正如@Kyle 指出的那样,img没有 href属性,它们只有 src .只是猜测,但您的图像周围可能有一个链接(a),它的 href存储大图像的路径(如果 img 是缩略图)。

在这种情况下,您可以使用:

function checkImages() {
     var images = document.images;
     for (var i = 0; i < images.length; i++){
        if (images[i].parentNode.tagName.toLowerCase() === 'a') {
           console.log(images[i].parentNode.href);
        }
     }
}

jsFiddle Demo

关于javascript - 如何使用 JavaScript 获取页面上所有图像的 href?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6414060/






欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4