使用document.createElement创建嵌套标记

时间:2012-08-07 07:04:05

标签: javascript html

我想使用javascript createElement函数创建嵌套标记,如

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

任何人都可以告诉我该怎么做吗?

2 个答案:

答案 0 :(得分:7)

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

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

然后,您可以使用.appendChild()将其添加到文档中。

答案 1 :(得分:6)

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