通过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&&lol()">"
对于一些澄清,该标志图像在谷歌主页的“hplogo”或根据Safari网络督察,“IMG#hplogo根据ID ”。我想用我自己的logo3w.png代替src,它位于扩展文件夹的根目录(因此,AFAIK,不需要高级目录)。
如果我能指出正确的方向命令,这将是非常有用的,但真正的任何和所有帮助表示赞赏。谢谢!
你想做的事:
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”。
谢谢!这工作!非常感谢。 – Kristian
您可能需要改变src
属性的形象:
document.getElementById('img#hplogo').src = 'path/to/your/image.jpg'
更改“innerHTML”属性会更改HTML,而不是元素本身。你想要做的是找到元素并将其更改为“src”属性。
“削减谷歌搜索页面” - ????????????? – Pointy