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

document.getElementById（'img#hplogo'）。innerHTML=
""

需要澄清的是，谷歌主页上的ID下有一个徽标图像，称为“hplogo”，或者根据Safari Web Inspector的说法是“img#hplogo”。显然，我想用我自己的logo3w.png替换src，它将位于扩展文件夹的根目录中（因此，AFAIK，不需要高级目录）

---

如果我能在命令方面指出正确的方向，那将是非常有帮助的，但是真的非常感谢任何和所有的帮助。谢谢

您可能需要更改图像的

src

属性：

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

您要执行以下操作：

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
}

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

类似地，对于支持CSS样式元素选择器的jQuery，您可能会说：

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

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

---

但是对于

document.getElementById（）

您需要传递的（以及可以传递的）是“hplogo”。

更改“innerHTML”属性会更改内部的HTML，而不是元素本身。您要做的事情是找到元素并更改其“src”属性。

“缩小谷歌搜索页面”-？？？？？？？？？？？？？