大神幫幫忙，我這個代碼為啥不行
<!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 trs=document.getElementsByTagName("tr");
? ? ?for(var i=1;i<trs.length;i++)
? ? ?
? ? ?{trs[i].onmouseover=function(){this.style.backgroundColor="#f2f2f2";}
? ? ?trs[i].onmouseout=function(){this.style.backgroundColor="#fff";}}
? ?
???
??? }
? ?
? ? ?// 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
? function addTo()
? {var table=dcument.getElementById("table").lastChild;
? var tr=document.createElement("tr");
? var td=document.createElement("td");
? td.innerHTML="<input type='text' />";
? tr.appendChild(td);
?
? td=document.createElement("td");
? td.innerHTML="<input type='text'/>";
? tr.appendChild(td);
?
? ?td=document.createElement("td");
? ?td.innerHTML="<a href='#' onclick='deleteItem(this);return false;'>刪除</a>";
? ?tr.appendChild(td);
? ?
? ?table.appendChild(tr);
? }
?
?
?
? ??????
? ???
? ? // 創建刪除函數
? ?function deleteItem(obj)
? ?{var table=document.getElementsById("table").lastChild;
? ? var tr=obj.parentNode.parentNode;
? ? ? ?table.removeChild(tr);
? ?}
?</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="#" onclick="javascript:deleteItem(this);return false;" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
??? ? </tr>
??? ? <tr>
??????<td>xh002</td>
??????<td>劉小芳</td>
??????<td><a href="javasript:;" onclick="deleteItem(this);" >刪除</a></td> ? <!--在刪除按鈕上添加點擊事件 ?-->
??? ? </tr> ?
??? ? </table>
??? ? <input type="button" value="添加一行" onclick="addTo();" /> ? <!--在添加按鈕上添加點擊事件 ?-->
</body>
</html>
2019-03-11
賦值代碼到瀏覽器然后檢查一下報錯，是 addTo 函數的第一行報錯，document 打錯了：
?function addTo()
? {var table=dcument.getElementById("table").lastChild;????// document 打錯了，少了一個"o"