动态增删文本框

一个QQ群里的朋友问怎么动态增加和删除表单的文本框，here is the code ……顺手贴上来

 

< html >
< head >
</ head >
< body >
< script > ...
var n=0;//计数器
function addRow()
...{    //添加行
    n++;//计数器++，用来做唯一的标识
    var tempNode = document.createElement("div");//创建div节点
    tempNode.innerHTML = "<input type='text' name='txt" + n + "' value='第" + n + "个'>";//偷懒~~直接赋给tempNode一段HTML了事 -_-
    divForm.appendChild(tempNode);//添加到divForm的子节点后面去
}
function delRow()
...{    //删除行
    if (divForm.childNodes.length)divForm.lastChild.removeNode(true); //只要divForm还有油水，then 从他的脚开始榨
}
</ script >
< input  type ="button"  onclick ="addRow()"  value ="添加" >
< input  type ="button"  onclick ="delRow()"  value ="删除" >
< div  id ="divForm" >
</ div >
</ body >
</ html >