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

? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。

? ? ? ? ?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"; ??

? } ??

?}

} ??

? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；

? function add(){

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

? ? ? var num=prompt("請(qǐng)輸入學(xué)號(hào)：","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]) ; ?*/

? ? }

? }

? ? ?// 創(chuàng)建刪除函數(shù)

? ?function del(obj){

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

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

? ? ?}