javascript - document.createElementを使用してネストされたタグを作成する

Question

次のようなjavascriptcreateElement関数を使用してネストされたタグを作成したい

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