為什么全部刪除了呢?
代碼如下:
? ? ?// 創(chuàng)建刪除函數(shù)
? ? ?function del(i){
? ? ? ? var table1 = document.getElementById("table");
? ? ? ? var x = table1.removeChild(table.childNodes[i]);
? ? ?}
? </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:del(1);" >刪除</a></td> ? <!--在刪除按鈕上添加點(diǎn)擊事件 ?-->
? </tr>
這樣編的刪除函數(shù),為什么不是刪除當(dāng)前行,而是直接刪除了整個(gè)表呢
2018-05-13
table里面的所有tr標(biāo)簽都屬于第二個(gè)子節(jié)點(diǎn)(也就是索引為1的),所以刪除索引為1的節(jié)點(diǎn)就把表格中內(nèi)容都刪除了。
可以輸出一下這個(gè)子節(jié)點(diǎn)的innerHTML就能知道了。