? ?window.onload = function(){ ? ? ? ? ? ? ??

? ? ?// 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。

? ? ? ? ?var tr=document.getElementsByTagName("tr");

? ? for(var i=0;i<tr.length;i++){

? ? ?changeBgColor(tr[i]) ; ?

? ? }

? ? ?function changeBgColor(obj){

? ? ? ?obj.onmouseover=function(){

? ? ? ? ? ?obj.style.backgroundColor= "#f2f2f2";

? ? ? ? ? ?}

? obj.onmouseout=function(){

? ? ? obj.style.backgroundColor= "#fff"; ??

? } ??

?}

} ??

? ? ? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；

? function add(){

? ? ? var tr=document.createElement("tr");

? ? ? var num=prompt("請輸入學號：","xh00");

? ? ? var name=prompt("姓名：");

? ? ? tr.innerHTML="<td>"+num+"</td>"+"<td>"+name+"</td>"+"<td><a href="javascript:;" onclick="del(this)" >刪除</a></td>"; ??

? ? ? tr.parentNode.appendChild(tr);

? ? ? /*for(var i=0;i<tr.length;i++){

? ? ?changeBgColor(tr[i]) ; ?*/

? ? }

? }

? ? ?// 創建刪除函數

? ?function del(obj){

? ? ? ? ?var tr=obj.parentNode.parentNode;

? ? ? ? ?tr.parentNode.removeChild(tr);

? ? ?}