2009-12-20 191 views
1

我想編寫一個gremonmonkey腳本/ chrome用戶腳本,它可以接收任何具有特定語法的圖像,並替換url的一部分並將其放回dom中。Javascript圖片網址替換

即我有一個頁面充滿了縮略圖,例如, www.example.com/small/randomstuff,我想用equivilant替換imades www.example.com/large/randomstuff

我該怎麼做?

回答

6

後。

var imgs = document.getElementsByTagName('img'); 
var len =imgs.length; 
for(var i=0;i<len;i++){ 
    imgs[i].src=imgs[i].src.replace("small","large"); 
} 
+1

實際上,這是更正確的答案,因爲OP希望所有縮略圖被替換 – Jason

+0

您可以使用替代語法,避免必須通過執行for(var i in imgs)來創建'len'變量。 – Atli

+1

@Ali假設你將來會使用某種類型的庫(比如JQ或者Mootools),這會讓你的代碼更加不可移植,因爲這些庫會向Array對象添加屬性。 –

2

要更換圖片來源網址,你可以做這樣的事情:加載頁面

var imgs = document.getElementsByTagName('img') 
imgs[0].src = "http://www.example.com/large/randomstuff" 
+1

別忘了'http://';) – Jason

+0

@Jason:我給他修好了。 – Asaph

+0

已編輯。謝謝! ;) – jbochi