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

一个关于HTML5的问题，求大神解答一下
怎么用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循环的时候出现各种错误快崩溃了，请哪个会的帮我下忙吧，谢谢了！
------解决方案--------------------

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

}

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