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

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