????window.onload?=?function(){
????????var?tr?=?document.getElementsByTagName("tr");
????????for?(var?i=0;?i<tr.length;?i++){
????????????change(tr[i]);
????????}
????????//?鼠標(biāo)移動(dòng)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色
????????function?change(obj){
????????????obj.onmouseover?=?function(){
????????????????obj.style.backgroundColor?=?"#f2f2f2";
????????????}
????????????obj.onmouseout?=?function(){
????????????????obj.style.backgroundColor?=?"#fff";
????????????}
????????}
????}
????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)
????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+"個(gè)學(xué)生";
????????
????????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]);
????????}
????}