一个关于HTML5的问题，求大神解答一下

Question

怎么用JS自动生成<ul>里的<li>标签啊？<li>标签里还有<a>标签,格式类似于：
<ul data-role="listview" id="list">
   <li><a href="#" id="a1"></a></li>
   <li><a href="#" id="a2"></a></li>
   <li><a href="#" id="a3"></a></li>
   ...
</ul>
其中我希望的效果是超链接<a>里的属性id为a1、a2、a3...,也就是动态的，搞了很久也搞不出来，用for循环的时候出现各种错误快崩溃了，请哪个会的帮我下忙吧，谢谢了！

Answer 1

int liLength = 10;
var ul = document.getElementById('list');
for(var i=1; i<=liLength; ++i)
{
    var li = document.createElement('li');
    var a= document.createElement('a');
    a.href = '#';
    a.id = 'a' + i;
    li.appendChild(a);
    ul.appendChlid(li);
}

Answer 2

打错了， 第一行是var liLength = 10;

Answer 3

额。。这除了个data-role="listview" 跟HTML5也没有什么关系啊
楼上的方案是对的 或者也可以用拼字符串代替生成dom。
也可以用模版来解决。例子
http://www.cnblogs.com/TomXu/archive/2011/12/15/2284752.html