Javascript 如何删除'；删除'；按钮

我想对我的问题有一个更好的解决办法。而不是删除innerText值并隐藏delete按钮。 它在表单中留下了空间，因为它不是被移除而是隐藏的。对象已成功从数组中删除，但如何删除整行？ 任何帮助或暗示都将不胜感激

//学生构造函数对象
让学生=[]；
功能学生（id、姓名、姓氏、分数）{
this.id=id；
this.name=名称；
this.姓氏=姓氏；
这个点=点；
this.DidPass=函数（）{
如果（此点>50）{
console.log（'PASS'）；
}否则，如果（此点<50）{
console.log（'失败'）
}
}
}
//创造学生
函数createStudent（）{
让studentId=document.getElementById（'studentId'）.value；
让studentName=document.getElementById（'studentName'）.value；
让student姓氏=document.getElementById（'student姓氏'）.value；
让studentPoints=document.getElementById（'studentPoints'）.value；
让newStudent=新学生（studentId、studentName、Student姓氏、studentPoints）；
学生。推送（新闻学生）；
让PassNot=true；
for（设i=0；istudent.id==studentId）；
}
//创造学生
让btnSubmit=document.getElementById（'btnSubmit'）；
btnSubmit.onclick=函数（）{
createStudent（）；
}

学生应用程序
学生证
学名
学生姓氏
学生积分
提交

学生证
学名
学生姓氏
学生积分
学生成绩
删除记录

在解决间距/隐藏问题之前，有许多问题需要纠正

您的桌子没有正确摆好。如果查看输出，您将看到学生数据只是放在

标记之间，而不是放在

tr

标记内部

标题行位于

tr

而不是

td

中。这没有什么错，除非您只想对表体做一些特定的操作

没有

tbody

元素-应该有，因为它使您的编码更容易

您将所有内容都放入

表
元素中。
tr
元素是进入
表的唯一内容
-注意，我将其更改为
tbdody

现在，所有这些问题都解决了，您的问题的答案是将以下代码添加到您的

按钮的
单击处理程序中：

e.target.parentElement.parentElement.removeChild（e.target.parentElement）；

这将从表中删除
tr

您将在下面看到它的实现：


//学生构造函数对象
让学生=[]；
功能学生（id、姓名、姓氏、分数）{
this.id=id；
this.name=名称；
this.姓氏=姓氏；
这个点=点；
this.DidPass=函数（）{
如果（此点>50）{
console.log（'PASS'）；
}否则，如果（此点<50）{
console.log（'失败'）
}
}
}
//创造学生
函数createStudent（）{
让studentId=document.getElementById（'studentId'）.value；
让studentName=document.getElementById（'studentName'）.value；
让student姓氏=document.getElementById（'student姓氏'）.value；
让studentPoints=document.getElementById（'studentPoints'）.value；
让newStudent=新学生（studentId、studentName、Student姓氏、studentPoints）；
学生。推送（新闻学生）；
让PassNot=true；
for（设i=0；i