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

Question

我使用我的 Google Chrome 扩展程序，使用 CSS 将图像插入到某个域上的所有页面中。用户不断要求我将图像链接到域的主页。我不知道该怎么做。

图片位于页面的右上角。基本上我只需要注入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/