javascript - 使用 document.createElement 创建嵌套标签

Question

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

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

谁能给我一个想法怎么做？

Answer 1

最简单的方法是使用createElement()然后设置其innerHTML：

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

然后，您可以将其添加到文档中.appendChild()您想要的任何位置。

Answer 2

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