Javascript 使用document.createElement创建嵌套标记

我想使用javascript函数创建一个嵌套标记，如

<li><span class="toggle">Jan</span></li>

Jan

---

有人能告诉我怎么做吗？

最简单的方法是使用

createElement（）

，然后设置它的

innerHTML

：

var li = document.createElement('li');
var span = document.createElement('span');
span.className = 'toggle';
span.appendChild(document.createTextNode('Jan'));
li.appendChild(span);

var tag = document.createElement("li");
tag.innerHTML = '<span class="toggle">Jan</span>';

var tag=document.createElement（“li”）；
tag.innerHTML='Jan'；

---

然后，您可以使用

.appendChild（）

将它添加到文档中，无论您想将它添加到哪里。

也许您应该为每个

li

元素使用

克隆（）

函数？与

createElement（）

相比，它有什么优势？如果我没有错的话，

cloneNode（）

应该在内存问题上有一些优势，而不是每次创建新元素。这样，您只需要引用

标记

（首先创建）元素，而不需要在创建新元素时分配更多的mem<代码>变量li=createElement（“li”），l；l=li.cloneNode（真）；l、 innerHTML=“…”；l、 克隆节点（真）；l、 innerHTML=“…”；等等…@qeremy-我从来没有听说过

cloneNode（）

使用更少的内存。你有这方面的参考资料吗？我没有这方面的参考资料（因为我不记得在哪里见过它），并且一开始告诉我“如果我没有错的话”：。简单思考,<代码>var li=document.createElement（“li”）现在，我在内存中有一个

var

，不再将填充

var

s推到内存中，而是在我需要写同样的东西时引用它。cloneNode（true），并且每次都覆盖

l

。我认为这肯定是有用的，而且有好处。还是像这样写<代码>var-li；li=document.createElement（“li”）；做点什么。。。li=document.createElement（“li”）；做。。。；li=document.createElement（“li”）