使用insertAdjacentHTML动态显示表格的问题

<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE=JavaScript>
function add_product(){
var tmpstr="<form action='addnode.jsp' method=post><table><tr>";
tmpstr += "<td><input  name='name' value=''></td>";
tmpstr += "<td><input type=text name='layerid' value=''></td>";
tmpstr += "<td><input type=text name='layerorder' value=''></td>";
tmpstr += "<td><input type=text name='maxnum' value=''></td>";
tmpstr += "<td><input type=submit name='finish' value='完成'></td>"
tmpstr += "</tr></table></form>";
document.all.addlayer.insertAdjacentHTML("AfterBegin",tmpstr);
alert(tmpstr);
}
</SCRIPT>
<table width="75%" border="0" align="center">
  <tr>
    <td>节点名称</td>
    <td>所在层</td>
    <td>层中顺序</td>
    <td>最大人数</td>
    <td>父节点</td>
    <td></td>
  </tr></table>
<span id="addlayer"></span>
<input type="button" name="add" onClick="add_product()" value="增加">
   
<body>
</html>