如何动态的增加元素?（如：每click一下button，原来的text box下会又多出一个一样的text box)?

不需要什么递归，如下：
<body>
<input type=button id=btn01 onclick="additem();">
<table id=tbText border=1>
<tr><input type=text id=t0 value=""></tr>
</table>
</body>
<script language="javascript">
function additem()
{
      var currow=document.all.tbText.insertRow();
      var curindex=currow.rowIndex;
      var tname="t"+curindex;
      var curcell=currow.insertCell();
      curcell.innerHTML="<input type=text id="+tname+" value="">;
}
</script>