---

在页面上绘制一张表格，使用 DOM 节点的动态添加和删除向表格中插入数据，点击表格每行后的“删除”超链接，使用 DOM 节点的删除操作将对应的行数据删除

• 在文本输入框中输入姓名、年龄、班级和手机号，并选择性别
• 点击“插入数据”按钮，将输入框中的数据插入到表格中，表格中的数据将增加一条
• 点击表格中每条数据后的“删除”超链接，将删除该条数据，表格中的数据将减少一条

1. 在页面中绘制表格，并添加 4 条虚拟数据，在每条数据后使用超链接，并且添加超链接的点击事件

2. 在页面中添加文本输入框和选项菜单，并提示用户输入，添加“插入数据”按钮，并添加点击事件

3. 在“插入数据”按钮的事件处理函数中，使用 document 对象的 getElementById、getElementsByTagName等属性获取输入框的值

4. 使用 createElement 创建元素，使用 innerHTML 为元素设置文本，使用 appendChild 将创建的元素添加到 table 中

5. 在“删除”超链接的事件处理函数中，获取超链接的父节点 td，继续获取父节点 tr，再获取父节点 table，然后将 table 节点中的 tr 节点删除

   
   
   
   
   

   姓名	性别	年龄	班级	电话	操作
   张三	男	25	软件1班	138xxxx0987	删除
   李四	女	24	软件2班	136xxxx8766	删除
   王五	男	26	计科1班	199xxxx8867	删除
   赵六	女	23	计科2班	188xxxx9965	删除

   
   

   男 女