使用DOM节点的动态添加和删除向表格中插入删除数据

要求

在文本输入框中输入姓名、年龄、班级和手机号，并选择性别

点击插入数据按钮，将输入框中的数据插入到表格中

点击每条数据后面的删除按钮，将删除该条数据

思路

绘制表格，添加四条虚拟数据，在每条数据后使用超链接，并且添加超链接的点击事件

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

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

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

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

    <table border="1" id="tb" >
        <tr>
            <th>姓名</th>
            <th>性别</th>
            <th>年龄</th>
            <th>班级</th>
            <th>电话</th>
            <th>操作</th>
        </tr>
        <tr>
            <td>张三</td&g