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 指出的那样， animg没有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 演示

Answer 2

var a = document.getElementsByTagName("IMG");
for (var i=0, len=a.length; i<len; i++)
  alert (a[i].src); 

Answer 3

图像没有href属性，仅适用于锚点 ( a)。

Answer 4

可能您正在寻找 src 属性

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