<!doctype?html>
<html>
<head>
<meta?charset="utf-8">
<title>制作一個表格，顯示班級的學生信息</title>
<script?type="text/javascript">
???
???//?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
???function?add(){
???var?tbody=document.getElementById("table").lastChild;
???var?tr=document.createElement("tr");
???var?td=new?Array();
???for(var?i=0;i<2;i++){
???td[i]=document.createElement("td");
???td[i].innerHTML="<input?type='text'?/>";
???tr.appendChild(td[i]);
???}
???var?td=document.createElement("td");
???td.innerHTML="<a?href='javascript:;'?onclick='delet(this)'>刪除</a>";
???tr.appendChild(td);
???tbody.appendChild(tr);
???}
???
?
</script>
</head>
<body>
<table?border="1"?width="50%"?id="table">
??<tr>
????<th>學號</th>
????<th>姓名</th>
????<th>操作</th>
??</tr>
??<tr>
????<td>xh001</td>
????<td>王小明</td>
????<td><a?href="javascript:;"?onClick="delet(this)">刪除</a></td>????<!--在刪除按鈕上添加點擊事件??-->
??</tr>
??<tr>
????<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:;"?onClick="delet(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
??</tr>
</table>
<input?type="button"?value="添加一行"?onClick="add()"??/>?????????<!--在添加按鈕上添加點擊事件??-->
</body>
</html>
2016-12-19
??????var?num=2; ??????function?add(){ ??????????num++; ??????????var?tr=document.createElement("tr"); ??????????var?td1=document.createElement("td"); ??????????var?td2=document.createElement("td"); ?????????? ??????????td1.innerHTML="xh00"+num; ??????????td2.innerHTML="第"+num+"學生"; ?????????? ??????????var?dele=document.createElement("td"); ??????????dele.innerHTML="<a?href='javascript:;'?onclick='delet(this)'>刪除</a>"; ?????????? ??????????var?tab=document.getElementById("table"); ??????????tab.appendChild(tr); ??????????tab.appendChild(td1); ??????????tab.appendChild(td2); ??????????tab.appendChild(dele); ??????} ?????? ?????? ??????跟這個的意思是大致理解的? ??????先創建學號欄和姓名欄，然后再創建刪除欄，最后再把他們添加到表格中去2016-12-19
遍歷輸出