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

Question

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

图像位于页面的右上角。基本上我只需要注入(inject) html

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

其中 [IMAGE] 是图像。

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

---

更新:

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

Answer 1

您可以添加一个注入(inject)正确 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 的 fiddle :http://jsfiddle.net/dystroy/sftAX/