html表格 td超链接,动态表格(Node和HTML DOM innerHTML完成)

案例：实现一个动态表格：实现添加功能和删除功能

使用Node方式：

添加

1.给添加按钮添加点击事件

2.获取文本框的内容

3.创建td,td设置td的文体为文本框的内容

4.创建tr,将td添加成tr的子元素

5.获取table元素,将tr元素添加成table元素的子元素*

删除

1.确定是那一个超链接

在a链接上添加一个点击事件调用删除方法，并且给一个参数获取当前的是那一个a标签

2.删除 通过a标签的父标签tr标签的父标签table 删除当前的tr标签就可以完成这个功能

动态表格

table {

border:1px solid;

margin:auto;

width:500px;

}

td, th {

text-align:center;

border:1px solid;

}

div {

text-align:center;

margin:50px;

}

学生信息表编号姓名性别操作1令狐冲男 删除2任我行男 删除3岳不群男 删除

//添加功能

//1.获取按钮元素

document.getElementById("btn_add").onclick =function () {

//2.获取文本框中的内容

var id = document.getElementById("id").value;//获取HTML元素的属性

var name = do