Google Chrome拡張機能を使用してHTMLリンクを画像に追加するにはどうすればよいですか？

Question

Google Chrome拡張機能を使用して、特定のドメインのすべてのページにCSSを使用してdivに画像を挿入しました。ユーザーは、画像をドメインのホームページにリンクするよう依頼し続けます。私はこれをする方法を知らない。

画像はページの右上にあります。基本的には、htmlを注入するだけです。

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

ここで[IMAGE]はイメージです。

私はCSSでこれを行うことはできないと思いますので、どのように行うのか分かりません。

---

UPDATE：

私は新しい要素を作成し、現在要素に付加する必要はありません。

Answer 1

cssファイルを使用するのではなく、適切なHTMLを挿入するjsファイルを追加することができます。ここで

があなたの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/