javascript - 通过Javascript更改图像？

有关Javascript的快速问题。我正在使用Safari扩展程序来简化Google搜索页面，并且我想将Google徽标更改为自定义图片。我的计划是在扩展名中插入一个.js脚本。

到目前为止，我已经尝试过了：

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()">"

为了澄清起见，徽标图片在Google主页上的ID下为“ hplogo”，或者根据Safari Web Inspector的名称为“ img＃hplogo”。显然，我想用我自己的logo3w.png替换src，它将位于扩展文件夹的根目录（因此AFAIK，不需要高级目录）。

如果我能以正确的方向指向命令，那将真的很有帮助，但实际上，任何帮助都值得赞赏。谢谢！

最佳答案

您想做：

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

请注意，“ img＃hplogo”不是说img元素的id是“ img＃hplogo”，而是说您正在查看其id是“ hplogo”的“ img”元素。因此，在使用document.getElementById()时，您只需传递“ hplogo”。在CSS中，您可能会说：

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

同样，对于支持CSS样式元素选择器的jQuery之类的东西，您可能会说：

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

但是对于document.getElementById()，您需要通过的所有内容（以及您可以通过的所有内容）是“ hplogo”。