如何使用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演示