Как добавить изображение в HTML с расширением Google Chrome?

Question

Я вставил изображение в div, используя CSS, на все страницы определенного домена, используя расширение Google Chrome. Пользователи продолжают просить меня связать изображение с домашней страницей домена. Я не знаю, как это сделать.

Изображение находится в верхнем правом углу страницы. В основном мне просто нужно ввести html

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

где [IMAGE] - изображение.

Я не думаю, что смогу это сделать с помощью CSS, поэтому я не знаю, как это сделать.

---

UPDATE:

Мне нужно, чтобы добавить его к элементу тока, не сделать новый элемент.

Answer 1

Вы можете добавить файл js, введя правильный html вместо простого использования файла 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);​ 

Вот скрипка демонстрирует ЯША: http://jsfiddle.net/dystroy/sftAX/