javascript問題，為啥我寫的那個(gè)刪除命令不好使呢，我沒感覺有啥毛病，請(qǐng)指點(diǎn)
<!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(){
? ? ? ? ? ? ? ? ??
? ? ?// 鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。
? ? ? ? ?var trs=document.getElementsByTagName("tr");
for(i=1;i<trs.length;i++){
? ? trs[i].onmouseover=function(){this.style.backgroundColor="#f2f2f2"};
? ? ? ? ?trs[i].onmouseout=function(){this.style.backgroundColor="#fff"};
}
? ? ?
?
}
? ? ?
? ? ? // 編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
? ? function addt(){
? ? ? ? ?var tr=document.createElement("tr");
? ? ? ? ?var tda=document.createElement("td");
? ? ? ? ?var tdb=document.createElement("td");
? ? ? ? ?var tdc=document.createElement("td");
? ? ? ? ?tdc.innerHTML='<a href="javascript:;" >刪除</a>';
? ? ? ? ?tr.appendChild(addtd3);
? ? ? ? ?var table=document.getElementsByTagName("table").lastChild;
? ? ? ? ?tr.appendChild(tda);
? ? ? ? ?addtr.appendChild(tdb);
? ? ? ? ?addtr.appendChild(tdc);
? ? ? ? ?table.appendChild(tr);
? ? ?}
? ? ?/*
? ? function addTo(){
? ? ? ? ?var table = document.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);
? ? }
? ? */
? ? ?
? ? ?// 創(chuàng)建刪除函數(shù)
? ? ?
? </script>?
?</head>?
?<body>?
? <table border="1" width="50%" id="table">
? <tr>
<th>學(xué)號(hào)</th>
<th>姓名</th>
<th>操作</th>
? </tr> ?
? <tr>
<td>xh001</td>
<td>王小明</td>
<td><a href="javascript:;" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
? </tr>
? <tr>
<td>xh002</td>
<td>劉小芳</td>
<td><a href="javascript:;" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
? </tr> ?
? </table>
? <input type="button" value="添加一行" onclick="addt()" /> ? <!--在添加按鈕上添加點(diǎn)擊事件 ?-->
?</body>
</html>
2016-03-25
<!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(){ ?????//?鼠標(biāo)移動(dòng)改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。 ????????var?trs=document.getElementsByTagName("tr"); ????????for(i=1;i<trs.length;i++){ ????????????trs[i].onmouseover=function(){this.style.backgroundColor="#f2f2f2"}; ????????????trs[i].onmouseout=function(){this.style.backgroundColor="#fff"}; ????????} ????} ??????//?編寫一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)； ????function?addt(){ ?????????var?tr=document.createElement("tr"); ?????????var?tda=document.createElement("td"); ?????????var?tdb=document.createElement("td"); ?????????var?tdc=document.createElement("td"); ?????????tdc.innerHTML='<a?href="javascript:;"?onclick?=?"deleteItem()">刪除</a>'; ?????????var?tbody=document.getElementsByTagName("table")[0].firstElementChild; ?????????tr.appendChild(tda); ?????????tr.appendChild(tdb); ?????????tr.appendChild(tdc); ?????????tbody.appendChild(tr); ?????} ?????function?deleteItem(){ ????????var?tr=event.target.parentNode.parentNode?; ????????var?parent=tr.parentNode; ????????parent.removeChild(tr); ?????} ??</script>? ?</head>? ?<body>? ??<table?border="1"?width="50%"?id="table"> ??<tr> <th>學(xué)號(hào)</th> <th>姓名</th> <th>操作</th> ??</tr>?? ??<tr> <td>xh001</td> <td>王小明</td> <td><a?href="javascript:;"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ??</tr> ??<tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??--> ??</tr>?? ??</table> ??<input?type="button"?value="添加一行"?onclick="addt()"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??--> ?</body> </html> </html>