如何动态创建HTML元素（非高手莫入）

Question

<div id="hiddenForm"></div>
<input type=button value="Show Form" onclick="showForm();">
<script>
function showForm()
{
  var s= "" +
'<form action="http://www.cnn.com" method="post">' + '\n'+
'<input type="text" name="name" value="1"><br>' + '\n' +
'<input type="checkbox" name="chk" value="1">Check boc' + '\n' +
'<input type="submit">'+'\n'+
'</form>';
 hiddenForm.innerHTML =s;
}
</script>

Answer 1

请问karma(无为)，我创建成功了相应的FORM，但是我在FORM中有TD元素，而且和相应的TR
 TABLE元素都对应。但是运行结果却是我在DIV中生成的FORM以及相应的TD跑到我的表头（表格的第一行）之前了？？？？

Answer 2

<%for i=1 to 191%>
<tr id="tr<%=i%>" style="display:none " class=content>
<td><div id=div<%=i%>></div></td>
</tr>

Answer 3

可是我的一个TR要包含4个TD元素啊！
是不是应该这样
<%for i=1 to 191%>
<tr id="tr<%=i%>" style="display:none " class=content>
<td><div id=div<%=i%>_1></div></td>
<td><div id=div<%=i%>_2></div></td>
<td><div id=div<%=i%>_3></div></td>
<td><div id=div<%=i%>_4></div></td>
</tr>