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 が指摘しているように、 an には属性imgがなく、 のみがあります。推測ですが、画像の周りにリンク ( ) があり、大きな画像へのパスが格納されている場合があります (サムネイルの場合)。hrefsrcahrefimg

この状況では、次を使用できます。

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

Images don't have an href attribute, that applies only to anchors (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);
     }
}