点一下按钮，自动增加一行单格。脚本如何实现。谢谢

Question

添加行用var newrow=tableid.insertRow(rowIndex);
添加列用var newcell=rowid.insertCell();
为列写内容可以用innerHTML='input type="text">';
显示隐藏表格或按钮都用  object.style.display="block"; 显示
                        object.style.display="none" ; 隐藏删除行用 tableid.delectRow(rowIndex);
没有什么问题了吧

Answer 1

<TABLE id="tab">
      <tr id="Trid" style="DISPLAY:none">
<td><input type="text" name="n1"></td>
      </tr>
</TABLE>
<INPUT id="delbt" style="DISPLAY: none;Z-INDEX: 102;LEFT: 232px;WIDTH: 64px;POSITION: absolute;TOP: 64px;HEIGHT: 24px" type="button" value="Delete" onclick="del()"><INPUT id="addbt" style="Z-INDEX: 101; LEFT: 232px; WIDTH: 64px; POSITION: absolute; TOP: 24px; HEIGHT: 24px" type="button" value="Add" onclick="add()">
<script language="javascript">
var num = 0;
function add()
{
    if(num==0)
    {
document.getElementById("Trid").style.display = "";
document.getElementById("delbt").style.display = "";
    }
    else
    {
var newRow = tab.insertRow();
var newCell = newRow.insertCell();
newCell.innerHTML = "<input type=\"text\" name=\"n1\">";
    }
    num++;
}
function del()
{
if(num>1)
{
tab.deleteRow();
}
else
{
document.getElementById("Trid").style.display = "none";
document.getElementById("delbt").style.display = "none";
}
num--;
}
    </script>

Answer 2

上面这段代码直接放到<form></form>之间就可以了。基本实现了你的功能。
其他的要求你自己改改就可以了