?

? ? window.onload=function(){

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

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

colorchange(tr[i]);

}

function colorchange(obj){

?obj.onmouseover=function(){

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

?}

?obj.onmouseout=function(){

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

? } ?

?

}

?

}

? ? ? ? ? ? ?

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

? ? ?function add(){

? ? ? ? ?var objnode = document.getElementById("table");

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

? ? ? ? ?

? ? ? ? ?var newnode1=document.createElement("td");

? ? ? ? ?newnode1.innerHTML="xh003";

? ? ? ??

? ? ? ? ?var newnode2=document.createElement("td");

? ? ? ? ?newnode2.innerHTML="李曉紅";

? ? ? ? ?

? ? ? ? ?var newnode3=document.createElement("td");

? ? ? ? ?newnode3.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";

objnode.appendChild(newnode);

newnode.appendChild(newnode1);

newnode.appendChild(newnode2);

? ? ? ? ?newnode.appendChild(newnode3);

? ? ? ? ?

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

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

? ? ? ? ? ? {

colorchange(tr[i]);

}

? ? ? ? ?

? ? ?}