通过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更改图像？

回答

相关问题