¿Cómo puedo obtener el href de todas las imágenes en una página usando JavaScript?

Question

¿Puedo obtener el href de todas las imágenes en una página usando JavaScript? Este código me da el src para esas imágenes, pero quiero devolver el href para ellas.

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

Answer 1

Como señala @ Kyle, un img no tiene un atributo href, sólo tienen src. Solo adivinando, pero puede tener un enlace (a) alrededor de sus imágenes, y href almacena la ruta a la imagen grande (en caso de que img sea una miniatura).

En esta situación, se puede utilizar:

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

Las imágenes no tienen un atributo href, que se aplica sólo a los anclajes (a).

Answer 3

probablemente usted está buscando atributo src

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

Answer 4

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