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