為什么我的刪除函數(shù)中的tr改成其他的變量名就不行?
<!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?tr=document.getElementsByTagName("tr"); ????????//?鼠標移動改變背景,可以通過給每行綁定鼠標移上事件和鼠標移除事件來改變所在行背景色。 ????????for(var?i=0;i<tr.length;i++){ ????????????bgc(tr[i]); ????????} } ????????function?bgc(mm){ ????????????mm.onmouseover=function(){ ????????????????mm.style.backgroundColor="#f2f2f2"; ????????????} ????????????mm.onmouseout=function(){ ????????????????mm.style.backgroundColor="#fff"; ????????????} ????????} ????//?編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點; ????var?num=3; ????function?addr(){ ????????var?nr=document.createElement("tr"); ????????var?n1=document.createElement("td"); ????????var?n2=document.createElement("td"); ????????n1.innerHTML="xh00"+num; ????????n2.innerHTML="姓名"+num; ????????var?dlt=document.createElement("td"); ????????dlt.innerHTML="<a?href='javascript:;'?onclick='del(this);'>刪除</a>"; ????????var?tab=document.getElementById("table"); ????????tab.appendChild(nr); ????????nr.appendChild(n1); ????????nr.appendChild(n2); ????????nr.appendChild(dlt); ????????num++; ????????var?tr?=?document.getElementsByTagName("tr"); ????????bgc(tr[num-1]); ????} ??? ???? ????//?創(chuàng)建刪除函數(shù) ????function?del(chr){ ????????var?tr=chr.parentNode.parentNode; ????????tr.parentNode.removeChild(tr); ????} ??</script>? ?</head>? ?<body>? ???<table?border="1"?width="50%"?id="table"> ???<tr> <th>學(xué)號</th> <th>姓名</th> <th>操作</th> ???</tr>?? ???<tr> <td>xh001</td> <td>王小明</td> <td><a?href="javascript:;"?onclick="del(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??--> ???</tr> ???<tr> <td>xh002</td> <td>劉小芳</td> <td><a?href="javascript:;"?onclick="del(this)">刪除</a></td>???<!--在刪除按鈕上添加點擊事件??--> ???</tr>?? ???</table> ???<input?type="button"?value="添加一行"?onclick="addr()"/>???<!--在添加按鈕上添加點擊事件??--> ?</body> </html>
function?del(chr){ ????????var?tr=chr.parentNode.parentNode; ????????tr.parentNode.removeChild(tr); ????}
function?del(chr){ ????????var?asd=chr.parentNode.parentNode; ????????asd.parentNode.removeChild(tr); ????}
當刪除函數(shù)中的變量是tr的時候就可以刪除,當改成其他的比如asd的時候就不行了?
2020-07-05
你改成asd,你removeChild()里面的參數(shù)也要改成asd啊= =