Jak mogę uzyskać href wszystkich obrazów na stronie przy użyciu JavaScript?

Question

Czy mogę uzyskać href wszystkich obrazów na stronie przy użyciu JavaScript? Ten kod daje mi src dla tych obrazów, ale chcę dla nich zwrócić href.

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

Answer 1

Jak @Kyle wskazuje img nie posiada atrybut href, mają tylko src. Po prostu zgaduję, ale możesz mieć link (a) wokół swoich zdjęć, a jego href przechowuje ścieżkę do dużego obrazu (w przypadku, gdy img jest miniaturą).

W tej sytuacji można użyć:

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

Obrazy nie mają atrybut href, które odnoszą się tylko do kotew (a).

Answer 3

Prawdopodobnie szukasz atrybutu 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);