無(wú)法刪除或者添加？？？？？
<!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)改變背景,可以通過(guò)給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來(lái)改變所在行背景色。
????????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";
????????????}????
????????}
???}
?????
??????//?編寫(xiě)一個(gè)函數(shù)，供添加按鈕調(diào)用，動(dòng)態(tài)在表格的最后一行添加子節(jié)點(diǎn)；
????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)建刪除函數(shù)
????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>學(xué)號(hào)</th>
????<th>姓名</th>
????<th>操作</th>
?????</tr>??
?????<tr>
????<td>xh001</td>
????<td>王小明</td>
????<td><a?href="javascript:;"?onclick="del()"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
?????</tr>
?????<tr>
????<td>xh002</td>
????<td>劉小芳</td>
????<td><a?href="javascript:;"?onclick="del()"?>刪除</a></td>???<!--在刪除按鈕上添加點(diǎn)擊事件??-->
?????</tr>??
?????</table>
?????<input?type="button"?value="添加一行"??onclick="createTr()"?/>???<!--在添加按鈕上添加點(diǎn)擊事件??-->
?</body>
</html>
2019-11-08
刪除函數(shù)需要傳入?yún)?shù)，定位刪除的是哪一行：
觸發(fā)事件中onclick="del()"改為onclick="del(this)"
del方法
?function?del(obj){?????? ?????table?=?obj.parentNode.parentNode.parentNode;?//定位到table節(jié)點(diǎn)????? ?????var?tr?=?obj.parentNode.parentNode;?//定位到與a標(biāo)簽在同一行的tr節(jié)點(diǎn)?????? ?????table.removeChild(tr);???? ?}2019-11-08
無(wú)法添加問(wèn)題的解決方案：把整個(gè)script代碼放到</body>標(biāo)簽后面