在 XUL 应用程序中使用 JavaScript 创建 <li>答案

【问题标题】：Creating <li> with JavaScript in an XUL Application在 XUL 应用程序中使用 JavaScript 创建 <li>
【发布时间】：2010-04-11 20:49:45
【问题描述】：

我尝试在我的 XUL 应用程序中创建一些 li 元素。仅显示元素的文本，但没有列出典型的项目符号和换行符。

例子：

文字
文字

这是我用来创建列表的 JS 代码：

var li = document.createElement('html:li');
var txt = document.createTextNode("only shown as simple text");
li.appendChild(txt);
document.getElementById('someList').appendChild(li);

HTML：

<html:ul id="someList">
    <html:li>this is shown in correct list style</html:li>
</html:ul>

我尝试了 'html:li' 和 'li' 但没有任何效果。

有什么建议吗？

【问题讨论】：

标签： javascript html dom xul

【解决方案1】：

好的，我通过使用警告框显示已创建元素的引用来解决这个问题...

如果您调用 createElement，则使用 XUL 命名空间。 html:foo 没有效果。如果你想在不同的命名空间中创建一个元素，那么你必须使用 XUL 之一

 createElementNS(namespaceURI, qualifiedName)

所以下面的代码有效：

var htmlns = "http://www.w3.org/1999/xhtml";
var li = document.createElementNS(htmlns, "li");
var txt = document.createTextNode("text");
li.appendChild(tst);
document.getElementById('someList').appendChild(li);

【讨论】：