javascript - 如何使用 JavaScript 获取页面上所有图像的 href？

Question

我可以使用 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);
     }
}

Answer 1

正如@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