Как я могу получить href всех изображений на странице, используя JavaScript?

Question

Могу ли я получить href всех изображений на странице, используя JavaScript? Этот код дает мне 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

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);
     }
}