请教各位高手？（有礼了）

[c953131]

当按下“增加”时，使表格由增加一行：
如下：
<table >
<tr><td>
名称：<input name="name" type="text" id="name" style="width:100%" >
代码：<input name="code" type="text" id="code" style="width:100%" >
</td><tr>
<tr><td>
增加
</td><tr>
</table>

按下“增加”后，
<table >
<tr><td>
名称：<input name="name" type="text" id="name" style="width:100%" >
代码：<input name="code" type="text" id="code" style="width:100%" >
</td><tr>
<tr><td>
名称：<input name="name" type="text" id="name" style="width:100%" >
代码：<input name="code" type="text" id="code" style="width:100%" >
</td><tr>
<tr><td>
增加
</td><tr>
</table>

如上这功能应如何实现！
谢谢！

[zhangguagua]

<table id=gua border=1>
<tr><td>
名称：<input name="name" type="text" id="name" style="width:100%" >
代码：<input name="code" type="text" id="code" style="width:100%" >
</td><tr>
<tr><td>
<button onclick="aa(this)">增加</button>
</td><tr>
</table>
<script>
function aa(e)
{
otr=e.parentElement.parentElement.sectionRowIndex;
table=document.getElementById("gua");
myNewRow =table.insertRow(otr);
myNewCell = myNewRow.insertCell(0);
myNewCell.innerHTML =" ";
myNewRow =table.insertRow(otr);
myNewCell = myNewRow.insertCell(0);
myNewCell.innerHTML = "名称：<input name='name' type='text' id='name' style='width:100%' >代码：

<input name='code' type='text' id='code' style='width:100%' >";
}
</script>

[c953131]

up

[随风奔跑]

myNewCell = myNewRow.insertCell(0);
这个是不是确定要插入的行的位置阿？？
在开始位置插入吗？
那如果插入到确定按钮之上怎么写阿？？

[c953131]

up

[ajsword]

var newRow = tableName.insertRow(inElement);
inElement为你要插入的行的位置，0～表格的行数－1