javascript:
<script type="text/javascript">
function add(){
var oTbody = document.getElementById("tbd");
var newIndex = document.getElementById("tbd").rows.length;
var oTrNew = document.createElement("TR");
var oTr = document.getElementById("tr0").cloneNode(true);
for(var m=0;m<oTr.childNodes.length;m++){
var oTd = oTr.childNodes[m].cloneNode(true);
var ohtml = oTd.innerHTML;
var nhtml = ohtml.replace(/-0-/g,newIndex);
oTd.innerHTML = nhtml;
oTrNew.appendChild(oTd);
}
oTbody.appendChild(oTrNew);
}
</script>
jsp:
<body>
<center>
<form>
<table>
<tr>
<th>用户名</th>
<th>昵 称</th>
</tr>
<tbody id="tbd">
<tr id="tr0">
<td><input name="user"></td>
<td><input name="niki"></td>
</tr>
</tbody>
</table>
<table>
<tr><td><input type="button" οnclick="add();" value="添加"></td></tr>
</table>
</form>
</center>
</body>