使用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);