单击“更改DOM”时的Firefox工具栏按钮？

firefox开发新手，我正在努力解决这个问题

假设我想调用tap_browser.js中的一个函数，当用户单击工具栏小部件时，该函数将修改DOM，我该怎么做

这是我目前掌握的代码

require("toolbarwidget").ToolbarWidget({
    toolbarID: "nav-bar", // <-- Place widget on Navigation bar
    id: "tap-icon",
    label: "Tap",
    contentURL: data.url("favicon.png"),
    contentScriptFile: [data.url("tap_browser.js")]
});

require（“toolbarwidget”）.toolbarwidget({
Toolbar ID:“导航栏”，//我对SDK了解的不多，但我帮助了某人做了一些事情。请查看以下内容：

var my_wid = widgets.Widget({
  id: "my-widget",
  label: "CLIIIICK",
  content: "CLICK ME",
  width: 100,
  onClick: function()
  {
      require('sdk/window/utils').getMostRecentBrowserWindow().gBrowser.contentDocument.documentElement.innerHTML = 'hi';
  }
});

它所做的是显示一个宽度和高度为0的面板，您可以将内容放在其中，当它显示时，它会执行onShow函数来更改当前文档的html。不建议使用innerHTML，插件是不被接受的。我只是向您展示了一个快速脏拷贝粘贴示例。一个不同于sdk文档页面的示例“修改由选项卡承载的页面”
请参阅上的教程。