function deleteRow(obj){ var tbody = document.getElementById('table').lastChild; var tr = obj.parentNode.parentNode; tbody.removeChild(tr); } 为什么要有lastChild
可以用开发者工具[F12]查看节点,发现浏览器默认生成了<tbody>子节点。<tbody>节点下才是<tr>节点
<tr> <td>xh002</td> <td>刘小芳</td> <td> <a href="javascript:;" >删除</a> </td> <!--在删除按钮上添加点击事件 --> </tr>
var tbody = document.getElementById('table').lastChild <!--以上这句定位到“删除”对象-->
var tr = obj.parentNode.parentNode <!--这句就定位到点删除的那一列" tr "-->
tbody.removeChild(tr); <!--这句就是删除了上面的整个" tr "-->
代码给不全哈没法说~lastChild就是最后的子节点
lastChild,是节点的最后一个子节点。