Javascript 如何在chrome中更新当前选项卡的html代码

我想写一个扩展名，用另一个单词替换出现的每个单词。要做到这一点，首先我获取当前选项卡的URL，并获取URL的内容，然后替换单词。现在我想用我更新的html代码替换html代码。我该怎么做？获取内容，替换单词，然后重新加载页面是否合乎逻辑？或者我应该改变我的逻辑

到目前为止，我有以下代码

function httpGet(theUrl, callback){
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        callback(xmlhttp.responseText);
    }
  }
  xmlhttp.open("GET", theUrl, true );
  xmlhttp.send();
}


window.onload = function(){
   chrome.tabs.getSelected(null,function(tab) {
     httpGet(tab.url,function(result) {
          updatedContent  = result.replace(/cat/g, 'dog');
          //how will I set updatedContent to the current tab?
      });

   });
}

编辑： 我创建了一个html元素，更新内容如下

var content = document.createElement('html');
content.innerHTML = updatedContent;
chrome.tabs.executeScript(null, {
   file: content + ".html"
});

manifest.json

{
  "manifest_version": 2,

  "name": "Replacer",
  "description": "Replacer",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  },
 "permissions": [
    "https://*/*",
    "http://*/*",
    "tabs",
    "activeTab"

  ]
}

---

提示：查看chrome内容脚本和javascript注入：）是的，我查看了它并添加了一些代码，但仍然无法实现。我会更新这个问题。如果你能帮助我，我将不胜感激。没问题！您还可以添加manifest.json吗？@NoamHacker I updated:）当然可以。现在我将添加我的manifest@NoamHacker添加了我的manifesthint：查看chrome内容脚本和javascript注入：）是的，我查看了它并添加了一些代码，但仍然无法实现。我会更新这个问题。如果你能帮助我，我将不胜感激。没问题！您还可以添加manifest.json吗？@NoamHacker I updated:）当然可以。现在我将添加我的manifest@NoamHacker添加了我的清单