帮我看看我的JAVA脚本

Question

<script language="javascript">
function addrow()
{
 var rowelem=document.createElement("tr");
 
document.all("table1").appendChild(rowelem);
 
var cellelem=document.createElement("td");
 
rowelem.appendChild(cellelem);
 
var eleLayer_id = "fat" + 1;
         
var eleLayer=document.createElement("INPUT");
         
eleLayer.setAttribute("id",eleLayer_id);
eleLayer.setAttribute("name",eleLayer_id);
eleLayer.setAttribute("type","text");
cellelem.appendChild(eleLayer);

}
</script>
<form id="Form1" method="post" runat="server">
<table id="table1"borderColor="red"  cellSpacing="1" cellPadding="1" width="100%" border="1"></table>
<INPUT type="button" value="add" onclick="addrow()"><asp:button id="submit" runat="server" Text="Button"></asp:button>
</form>
点击"add"按扭 向"table1"中添加一行 为何不显示呢？请各位老大帮我调试看看

Answer 1

<script language="javascript">
function addrow()
{
var rowelem=document.createElement("tr");
 
document.all("table1").firstChild.appendChild(rowelem);
 
var cellelem=document.createElement("td");
 
rowelem.appendChild(cellelem);
 
var eleLayer_id = "fat" + 1;
         
var eleLayer=document.createElement("INPUT");
         
eleLayer.setAttribute("id",eleLayer_id);
eleLayer.setAttribute("name",eleLayer_id);
eleLayer.setAttribute("type","text");
cellelem.appendChild(eleLayer);

}
</script>
<form id="Form1" method="post" runat="server">
<table id="table1"borderColor="red"  cellSpacing="1" cellPadding="1" width="100%" border="1"></table>
<INPUT type="button" value="add" onclick="addrow()"><asp:button id="submit" runat="server" Text="Button"></asp:button>
</form>