無法刪除或者添加？？？？？
<!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(i=0;i<tr.length;i++){
????????????tr[i].onmouseover?=??function(){
????????????????this.style.backgroundColor?=?"#f2f2f2";
????????????}
????????????tr[i].onmouseout?=?function(){
????????????????this.style.backgroundColor?=?"#fff";
????????????}????
????????}
???}
?????
??????//?編寫一個函數，供添加按鈕調用，動態(tài)在表格的最后一行添加子節(jié)點；
????var?table?=?document.getElementById("table");?
????var?num?=?2;
????function?createTr(){
??????num++;
??????var?tr?=?document.createElement("tr");
??????var?td01?=?document.createElement("td");
??????var?td02?=?document.createElement("td");
??????var?td03?=?document.createElement("td");
??????td01.innerHTML?=?"xh00"+num;
??????td02.innerHTML?=?"XXXX"+num;
??????td03.innerHTML?=?'<a?href="javascript:;"?onclick="del()">刪除</a>';
??????table.appendChild(tr);
??????tr.appendChild(td01);
??????tr.appendChild(td02);
??????tr.appendChild(td03);
????}???
?????
?????//?創(chuàng)建刪除函數
????function?del(){
??????var?tr?=?document.getElementsByTagName("tr");?
??????table.removeChild(table.childNodes[tr.length-1]);
????}
??</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:;"?onclick="del()"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
?????</tr>
?????<tr>
????<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:;"?onclick="del()"?>刪除</a></td>???<!--在刪除按鈕上添加點擊事件??-->
?????</tr>??
?????</table>
?????<input?type="button"?value="添加一行"??onclick="createTr()"?/>???<!--在添加按鈕上添加點擊事件??-->
?</body>
</html>
2019-11-08
刪除函數需要傳入參數，定位刪除的是哪一行：
觸發(fā)事件中onclick="del()"改為onclick="del(this)"
del方法
?function?del(obj){?????? ?????table?=?obj.parentNode.parentNode.parentNode;?//定位到table節(jié)點????? ?????var?tr?=?obj.parentNode.parentNode;?//定位到與a標簽在同一行的tr節(jié)點?????? ?????table.removeChild(tr);???? ?}2019-11-08
無法添加問題的解決方案：把整個script代碼放到</body>標簽后面