Firefox插件JavaScript更改到Iframe的链接

嗨，我需要一个Firefox插件的帮助。使用Javascript，我希望将指向指定网站的链接更改为iframes，例如：

<a href="www.example.com">Website-Sample</a>

我想换成：

<Iframe src="www.example.com"></iframe>

网站上任何指向example.com的链接都应该是iframe

有人能帮忙吗？谢谢 对不起，我的英语不好

编辑：

现在我已经做了一点精简，现在我能够改变一个链接到一个Iframe。 但它只会更改站点上的第一个链接。 怎么了

var document = document.contentDocument;
var doc_bodies = document.getElementsByTagName('a');
for(var i = 0; i < doc_bodies.length; i++) 
{ 
if(doc_bodies[i].href.match('example')) {
var doc_body = doc_bodies[i];
var first_element = doc_body.firstChild;

var url_div = document.createElement("iframe");

url_div.scrolling = "no";
url_div.marginWidth = 0;
url_div.marginHeight = 0;
url_div.frameBorder = 1;
url_div.style.cssText = "width:400px;height:200px;border-radius:5px;left:0px;";
url_div.id = 'added-by-firefox-extension';
url_div.src = doc_bodies[i].href;


doc_bodies[i].parentNode.replaceChild(url_div, doc_bodies[i]);

}

---

}我想我已经解决了这个问题：

     var document = document.contentDocument;
var doc_bodies = document.getElementsByTagName('a');

var link_count = doc_bodies.length;
var i = 0;
do{


    if(doc_bodies[i].href.match('example')) {
        var doc_body = doc_bodies[i];
        var url_div = document.createElement("iframe");
        url_div.scrolling = "no";
        url_div.marginWidth = 0;
        url_div.marginHeight = 0;
        url_div.frameBorder = 1;
        url_div.style.cssText = "width:400px;height:200px;border-radius:5px;left:0px;-moz-box-shadow: 10px 19px 20px #7b8674; /* firefox */ box-shadow: 10px 19px 20px #7b8674;margin-bottom:10px";
        url_div.id = 'added-by-firefox-extension';
        url_div.src = doc_bodies[i].href;
        doc_bodies[i].parentNode.replaceChild(url_div, doc_bodies[i]);

        }
        else
        {
            i++;
        }


    }while( i < doc_bodies.length);

现在我必须把它包含在Firefox插件中。 如果有人能帮忙，那就太好了。 谢谢