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

參考大佬的代碼，然而功能函數都用不了，求教！

<!DOCTYPE html>
<html>
?<head>
? <title> new document </title>?
? <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>??
? <script type="text/javascript">
?
????? window.onload = function(){
?????????????????
???? // 鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。
???????? var tr=document.getElementsByTagName("tr");
?? for(var i=0;i<tr.length;i++){
???bgcChange(tr[i]);
?? }
??
?
? }
? function bgcChange(node){
??node.onmouseover=functon(){
???node.style.backgroundColor="#f2f2f2"
??}
??node.onmouseout=function(){
???node.style.backgroundColor="#fff";
??}
? }
????
????? // 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
???? var num=2;
? function add(){
??num++;
??var tr=document.createElement("tr");
??var xh=document.createElement("td");
??var xm=document.createElement("td");
??xh.innerHTML="xh00"+num;
??xm.innerHTML="第"+num+"個學生";
??
??var del=document.createElement("td");
??del.innerHTML="<a href='javascript:;' onclick='delete(this)' >刪除</a>";
??var tab=document.getElementById("table");
??tab.appendChild(tr);
??tr.appendChild(xh);
??tr.appendChild(xm);
??tr.appendChild(del);
?? var tr = document.getElementsByTagName("tr");
????????? for(var i=0;i<tr.length;i++)
????????? {
????????????? bgcChange(tr[i]);
????????? }
? }
??? ??
?? ?
???? // 創建刪除函數
???? function delete(node){
??var tr=node.parentNode.parentNode;
??tr.parentNode.removeChild(tr);
? }