为什么在删除的时候会出现 Uncaught TypeError: Cannot read property 'parentNode' of undefined-慕课网

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

为什么在删除的时候会出现 Uncaught TypeError: Cannot read property 'parentNode' of undefined

来源：9-22 编程练习

烤肉飞熊

2018-09-11 16:26

<!DOCTYPE html>

<html>

<head>

<title> new document </title>

window.onload = function(){

var tagname1 = document.getElementsByTagName("tr")

// 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

for(var i=0;i<tagname1.length;i++)

{

colorchange(tagname1[i]);

}

function colorchange(obj){

obj.onmouseover=function(){

obj.style.backgroundColor = "#f2f2f2";

}

obj.onmouseout=function(){

obj.style.backgroundColor = "#fff";

}

// 编写一个函数，供添加按钮调用，动态在表格的最后一行添加子节点；

var num=2;

function add(){

var tr1 = document.createElement("tr");

var xh = document.createElement("td");

var xm = document.createElement("td");

var cz = document.createElement("td");

xh.innerHTML = "xh00"+ ++num;

xm.innerHTML = xh.innerHTML+"人";

cz.innerHTML = "<a href = 'javascript:deletelast(this)'>删除</a>"

var tab = document.getElementById("table");

tab.appendChild(tr1);

tr1.appendChild(xh);

tr1.appendChild(xm);

tr1.appendChild(cz);

var tagname2 = document.getElementsByTagName("tr");

for(var i=0;i<tagname2.length;i++){

colorchange(tagname2[i]);

}

// 创建删除函数

function deletelast(obj){

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

var tr = obj.parentNode.parentNode;

table.removeChild(tr);

}

</script>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</body>

</html>

写回答关注

1回答

Lanikai

2018-10-06 18:14:58

function deletelast(obj){
var table = document.getElementById('table').lastChild;
var tr = obj.parentNode.parentNode;
table.removeChild(tr);
}
你的删除函数里table指的是“table”标签的最后一个子节点，实际上也是一个“tr"标签，而removeChild是删除子节点，你的table和tr是同级的tr标签，所以会出错

0 1

JavaScript进阶篇

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

468064 学习 · 21891 问题

查看课程

相似问题

为什么功能可以实现，在调试时却显示Uncaught TypeError: Cannot set property 'onmouseover' of undefined

回答 1

显示Cannot read property 'previousSibling' of undefined？

回答 1

Cannot read property 'replaceChild' of undefined at replaceMessage

回答 5

这里实现背景变色的，就是这样写的话会提示Cannot read property 'style' of undefined，为什么？

回答 1

为什么不会出现删除

回答 1

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