firefox扩展/javascript-如何访问动态创建的元素

我正在构建一个Firefox扩展来修改网页内容

它是一个简单的javascript，用于查找HTML元素并对其进行修改。

---

当按下工具栏上的按钮时，将执行脚本

我想使用

id=“precot”

访问元素，但网页上的内容是动态创建的（右键单击->查看页面源代码时不会显示）

这将返回

null

（在等待页面加载并执行脚本后）：

如何使用javascript访问它

   var elem = document.getElementById("precont");

返回了

null

，因为网页

document

对象在扩展中不直接可用（chrome/button.js）

我通过当前窗口获得访问权限：

  var precontElem = window.content.document.getElementById("precont");

---

动态内容是否位于具有某个id或类的某个div中？我真的不知道。“查看源代码”和我在FF inspector中看到的完全不同。该页面是：您可以登录用户：potatodev pw:devdevdev“当按下工具栏上的按钮时，脚本将执行”。此时您正在查找的元素是否存在于检查器中？是的，刚刚选中。我可以通过inspectorYeah看到它，在XUL overlay add-ons中，overlay脚本得到一个

文档

，但它不是web内容。相反，

document

是顶级浏览器窗口本身，也称为

browser.xul

。您已经发现

内容。

提供了（一个快捷方式）访问当前活动选项卡的web内容

文档的权限（请注意，一旦e10s着陆，此权限可能会中断）
  var precontElem = window.content.document.getElementById("precont");