拿这个例子去慢慢看
<script type="text/javascript">
window.onload=function()
{
var oTab=document.getElementById('tb1');
var oBtn=document.getElementById('btn1');
var oName=document.getElementById('name');
var oAge=document.getElementById('age');
oBtn.onclick=function()
{
var oTr=document.createElement('tr');//创建一个tr
//创建第一个td
var oTd=document.createElement('td');
oTd.innerHTML=oTab.tBodies[0].rows.length+1;
oTr.appendChild(oTd);//将td插入tr
//创建第二个td
var oTd=document.createElement('td');
oTd.innerHTML=oName.value;
oTr.appendChild(oTd);//将td插入tr
//创建第三个td
var oTd=document.createElement('td');
oTd.innerHTML=oAge.value;
oTr.appendChild(oTd);//将td插入tr
oTab.tBodies[0].appendChild(oTr);//将整个tr插入到表格中
}
}
</script>
</head>
<body>
姓名:
<input type="text" id="name"/>
<br/>
年龄:
<input type="text" id="age"/>
<input type="button" id="btn1" value="添加"/>
<table id="tb1" border="1px" width="300px">
<thead>
<td>ID</td>
<td>姓名</td>
<td>年龄</td>
<tbody>
<tr>
<td>1</td>
<td>李四</td>
<td>23</td>
</tr>
<tr>
<td>2</td>
<td>王五</td>
<td>24</td>
</tr>
<tr>
<td>3</td>
<td>王海</td>
<td>22</td>
</tr>
<tr>
<td>4</td>
<td>李海</td>
<td>20</td>
</tr>
<tr>
<td>5</td>
<td>刘梅</td>
<td>20</td>
</tr>
</tbody>
</table>
</body>
</html>本回答被提问者采纳