1<html> 
 2<head> 
 3<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
 4<title>Add&DeleteNodetitle> 
 5<script language="javascript"> 
 6var i=1; 
 7function insertStr() { 
 8        i++; 
 9        var td = document.createElement("td"); 
10        var tr = document.createElement("tr"); 
11        var tbody = document.createElement("tbody"); 
12        tr.appendChild(td); 
13        tbody.appendChild(tr); 
14        var parNode = document.getElementById("table1"); 
15        parNode.appendChild(tbody); 
16        tr.setAttribute("name","tr"+i); 
17        tr.setAttribute("id","tr"+i); 
18        td.innerHTML="<input type='text' name='Tag"+i+"' id='Tag"+i+"' value='Tag"+i+"'><input type='button' value='Delete' name='Delete"+i+"' id='Delete"+i+"' onClick='javascript:DeleteNode("+i+")'>"; 
19        document.form1.total.value=i; 
20} 
21function DeleteNode(j) 
22{ 
23var trnode=document.getElementById("tr"+j); 
24trnode.parentNode.removeChild(trnode); 
25} 
26script> 
27head> 
28<body> 
29<form name="form1" method="post" action=""> 
30    <input name="tag1" type="text" id="tag1" value="Tag1"> 
31    <input name="insert" type="button" id="insert" value="Add a Tag" onClick="insertStr()"> 
32    <input type="hidden" name="total" id="total"> 
33form> 
34<table width="400" border="1" cellspacing="0" cellpadding="0" id="table1"> 
35table> 
36body> 
37html> 
38代码中红色的部分就是可以在table的元素中添加控件的方法 ~ 注意联系牢牢掌握哦~
39
40因为用了元素的innerHTML的属性，所以可以在后面之间添加控件
41