function deleteRow()-慕课网

首页课程实战体系课手记专栏慕课教程

function deleteRow()

来源：9-22 编程练习

sysjava

2016-05-24 22:44

function deleteRow(){

var tbody = document.getElementById('table').lastChild;

var tr = tbody.lastChild;

tbody.removeChild(tr);

为什么这样子什么都无法删除

写回答关注

1回答

wabbybob

2016-05-25 12:03:46

已采纳
首先针对你这个代码，是可以删除的，但是因为td标签后面的空格也会是子元素，经测试alert(tr.nodeName)的处的是 #text;所以你根据tbody最后子元素得到的tr并不是tr标签。而是td后面的空格，或者是td标签，你可以试着多点击几次，可以删除。但是因为你删除的是最后的子元素，所以不管你点击第几行的删除，都会从末尾开始删。而且删除一行后，就无法继续删除了。
附上正确代码仅供参考：
首先在表格中删除里面加上删除函数的调用，增加函数里也要记得加上这个点击调用函数属性
```
 <td><a href="javascript:;" onclick="del(this);">删除</a></td>
```
删除函数的代码是
```
function del(td){
var tr = td.parentNode.parentNode;
tr.parentNode.removeChild(tr);
}
```
1 0

sysjav...

但是为什么删除一行后无法继续删除啊

2016-05-26 21:21:55

共 1 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

相似问题

function deleteRow(obj)

回答 1

obj是从哪里来？ function deleteRow(obj)

回答 2

deleterow(obj) deleterow(this) 这里的 obj this 是什么意思?

回答 3

deleteRow（obj）函数，问题

回答 4

an桉删除出现Uncaught ReferenceError: deleteRow is not defined

回答 2

打开慕课网App查看更多内容