????window.onload?=?function(){
????????var?tr?=?document.getElementsByTagName("tr");
????????for?(var?i=0;?i<tr.length;?i++){
????????????change(tr[i]);
????????}
????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色
????????function?change(obj){
????????????obj.onmouseover?=?function(){
????????????????obj.style.backgroundColor?=?"#f2f2f2";
????????????}
????????????obj.onmouseout?=?function(){
????????????????obj.style.backgroundColor?=?"#fff";
????????????}
????????}
????}
????//?編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點
????var?num?=?2;
????
????function?add(){
????????num++;
????????
????????var?newtr?=?document.createElement("tr");
????????var?newtd1?=?document.createElement("td");
????????var?newtd2?=?document.createElement("td");
????????newtd1.innerHTML?=?"xh00"+num;
????????newtd2.innerHTML?=?"第"+num+"個學生";
????????
????????var?del?=?document.createElement("td");
????????del.innerHTML?=?"<a?href='javascript:;'?onclick='del(this)'?>刪除</a>";
????????
????????var?tab?=?document.getElementById("table");
????????tab.appendChild(newtr);
????????newtr.appendChild(newtd1);
????????newtr.appendChild(newtd2);
????????newtr.appendChild(del);
????????
????????var?tr?=?document.getElementsByTagName("tr");
????????for?(var?i=0;?i<tr.length;?i++){
????????????change(tr[i]);
????????}
????}