通過Javascript更改圖像？

有關Javascript的快速疑問。我正在開發一個Safari擴展以削減Google搜索頁面，並且我想將Google徽標更改爲自定義圖片。我的計劃是將注入的.js腳本放入擴展中。通過Javascript更改圖像？

到目前爲止，我已經試過這樣：

document.getElementById('img#hplogo').innerHTML = 
"<img alt="Google" height="95" id="hplogo" src="logo3w.png" width="275" 
style="padding-top:136px" onload="window.lol&amp;&amp;lol()">"

對於一些澄清，該標誌圖像在谷歌主頁的「hplogo」或根據Safari網絡督察，「IMG＃hplogo根據ID 」。我想用我自己的logo3w.png代替src，它位於擴展文件夾的根目錄（因此，AFAIK，不需要高級目錄）。

如果我能指出正確的方向命令，這將是非常有用的，但真正的任何和所有幫助表示讚賞。謝謝！

來源

2011-09-05 Kristian

「削減谷歌搜索頁面」 - ????????????? – Pointy

你想做的事：

document.getElementById("hplogo").src = "logo3w.png";

注意「IMG＃hplogo」是不是說的id img元素是「img＃hplogo」，它表示您正在查看ID爲「hplogo」的「img」元素。所以當使用document.getElementById()時，你只需要傳遞「hplogo」。在CSS中，你可能會說：

img #hplogo { 
    display: none; //or whatever 
} 
#hplogo { 
    display: none; //or whatever 
}

而同樣的東西像jQuery支持CSS樣式元素選擇，你可能會說：

var image = $("#hpLogo"); 
var theSameImage = $("img #hplogo");

但document.getElementById()所有你需要傳遞（和所有你能通過）是「hplogo」。

來源

2011-09-05 01:43:04 aroth

謝謝！這工作！非常感謝。 – Kristian

您可能需要改變src屬性的形象：

document.getElementById('img#hplogo').src = 'path/to/your/image.jpg'

來源

2011-09-05 01:42:20 etuardu

更改「innerHTML」屬性會更改HTML，而不是元素本身。你想要做的是找到元素並將其更改爲「src」屬性。

來源

2011-09-05 01:43:40 Pointy

通過Javascript更改圖像？

回答

相關問題