                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

js添加onmouseover/out無效？

<!DOCTYPE?html>
<html>
<head>
????<title>?new?document?</title>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=gbk"/>
????<script?type="text/javascript">

????????window.onload?=?function(){
????????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
????????????var?trNodeList?=?document.getElementsByTagName("tr");
????????????for?(var?i=0;?i<trNodeList.length;?i++){
????????????????trNodeList[i].onmouseout?=?resetColor(trNodeList[i]);
????????????}
????????????for?(var?i=0;?i<trNodeList.length;?i++){
????????????????trNodeList[i].onmouseover?=?changeColor(trNodeList[i]);
????????????}
????????}
????????function?resetColor(obj)?{
????????????obj.style.backgroundColor?=?"gray";
????????}
????????function?changeColor(obj)?{
????????????obj.style.backgroundColor="red";
????????}


//
//????????window.onload?=?function(){
//????????????var?tr=document.getElementsByTagName("tr");
//????????????for(var?i=?0;i<tr.length;i++)
//????????????{
//????????????????bgcChange(tr[i]);
//????????????}
//????????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
//????????}
//????????function?bgcChange(obj)
//????????{
//????????????obj.onmouseover=function(){
//????????????????obj.style.backgroundColor="#f2f2f2";
//????????????}
//????????????obj.onmouseout=function(){
//????????????????obj.style.backgroundColor="#fff";
//????????????}
//????????}

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

????????function??addStudent()?{
????????????var?table??=?document.getElementsByTagName("table")[0];
????????????var?newTr?=?document.createElement("tr");

????????????var?newTd1?=?document.createElement("td");
????????????var?newTd2?=?document.createElement("td");
????????????var?newTd3?=?document.createElement("td");

????????????var?newA?=?document.createElement("a");
????????????newA.setAttribute("href",?"javascript:(this);");
????????????newA.setAttribute("onclick",?"deleteTr(this)");
????????????newA.innerHTML?=?"delete";

????????????newTd3.appendChild(newA);

????????????newTr.appendChild(newTd1);
????????????newTr.appendChild(newTd2);
????????????newTr.appendChild(newTd3);

????????????table.appendChild(newTr);
????????}

????????//?創建刪除函數
????????function?deleteTr(obj)?{
????????????var?tr?=?obj.parentNode.parentNode;
????????????var?ta?=?tr.parentNode;
????????????ta.removeChild(tr);
????????????tr=?null;
????????}


????</script>
</head>
<body>
<table?border="1"?width="50%"?id="table">
????<tr>
????????<th>學號</th>
????????<th>姓名</th>
????????<th>操作</th>
????</tr>

????<tr>
????????<td>xh001</td>
????????<td>王小明</td>
????????<td><a?href="javascript:deleteTr(this);"?onclick="deleteTr(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
????</tr>

????<tr>
????????<td>xh002</td>
????????<td>劉小芳</td>
????????<td><a?href="javascript:deleteTr(this);"?onclick="deleteTr(this)"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
????</tr>

</table>
<input?type="button"?value="添加一行"??onclick="addStudent()"/>???<!--在添加按鈕上添加點擊事件??-->
</body>
</html>

這里的為什么是無效的，該怎么改呢？