如何使用Google Chrome扩展程序向图像添加HTML链接？

Question

我使用我的谷歌浏览器扩展程序，使用CSS将图像插入到某个域中的所有页面的div中。用户一直要求我将图像链接到域的主页。我不知道该怎么做。

图片位于页面的右上角。基本上我只需要注入html

<a href="domain.com">[IMAGE]</a>

其中[IMAGE]是图像。

我认为我不能用CSS做到这一点，所以我不知道该怎么做。

---

更新：

我需要将它附加到当前元素，而不是创建新元素。

Answer 1

您可以添加一个注入正确html的js文件，而不是仅使用css文件。

以下是你的js：

var node = document.createElement("a");
node.setAttribute('href',"http://canop.org");
var img = document.createElement("img");
img.setAttribute('src', "http://canop.org/chrall/screens/screen_01.png");
node.appendChild(img);
document.body.​insertBefore(node, document.body.​​​​​​​​​​​​​firstChild);​

这是一个演示js的小提琴：http://jsfiddle.net/dystroy/sftAX/