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