firefox - 在添加到 XUL 的 Html 文档中动态添加 Html 元素

Question

我正在尝试使用与 chrome 扩展相同的 html 文件创建 Firefox 扩展。通过一些谷歌搜索，我找到了一种使用方法

xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
      xmlns="http://www.w3.org/1999/xhtml"

作为命名空间并使用我在 chrome 中使用的 html 文件，它工作正常。现在，我想使用 JavaScript 将元素动态添加到该 html 文件中。例如

var testdiv=document.getElementById('test');
var a = document.createElement('a');
a.setAttribute("innerText", "test");
testdiv.appendChild(a); 

但这并没有给出预期的输出。关于这个或任何其他方式的任何建议？

Answer 1

如果要在命名空间中创建元素，则必须使用document.createElementNS方法。因此，在您的情况下，创建 A 元素将如下所示：

var a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');