如何访问XUL Overlay的DOM

Question

在我的Firefox插件的overlay.xul ，我可以使用javascript访问它的DOM吗？ 我不知道怎么办。

提前致谢。

Answer 1

覆盖层与其所应用的文档的DOM合并，但没有自己的DOM。 因此，您不访问“覆盖”的DOM，而是访问覆盖的文档的DOM。 这是通过常规方式完成的，例如通过document.getElementById() 。 但是，您必须考虑一件事：永远不要在文档加载完成之前访问DOM，这将导致各种问题（例如其他叠加层无法应用）。 因此，如果叠加层包含脚本，则可以编写：

window.addEventListener("load", function() {
  // Window finished loading, now we can do something
  var button = document.getElementById("my-extension-button");
  button.style.backgroundColor = "green";
}, false)