如何使用JavaScript獲取頁面上所有圖像的href？

我有可能使用JavaScript獲取頁面上所有圖像的href？這段代碼給了我這些圖像的src，但我想返回他們的href。如何使用JavaScript獲取頁面上所有圖像的href？

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

來源

2011-06-20 joelson

由於@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

來源

2011-06-20 16:09:37 kapa

+1良好的通話。我敢打賭你是對的。 – user113716

我沒有想到，但這是一個很好的可能性。 +1 –

非常感謝工作完美！ – joelson

圖片不具有href屬性，只適用於錨（a）。

來源

2011-06-20 16:00:22

好了，問題是錯誤的，但代碼使用「SRC」。 –

我知道，他已經用他提供的代碼來做這件事。我不得不回答，因爲我不能在當時添加評論。 –

那麼如何返回屬性錨圖像？ – joelson

也許你正在尋找src屬性

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

來源

2011-06-20 16:08:36

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

來源

2011-06-20 16:08:42 rob

此代碼也有用。謝謝發佈 – joelson

如何使用JavaScript獲取頁面上所有圖像的href？

回答

相關問題