（JS练习一）JS的添加、删除功能练习

给一个表格

用js实现：
1.点击delete后跳出确认框，确认则删除本行，取消则不删除；
2，在想添加员工的表格中输入信息，点击提交按钮，员工信息自动加入第一个表格。
3，第一表格中新添加的员工信息也要有delete和确认功能。

第1个功能：

分析：delete是超链接，所以我们要绑定的是表一的所有超链接，但要删除的是超链接所在的行tr；a的父亲的父亲的是tr，然后tr自己删除自己

     window.onload = function () {
   
        
// 分析：delete是超链接，所以我们要绑定的是表一的所有超链接，
// 但删除的是超链接所在的行tr，a的父亲的父亲的是tr，然后tr自己删除自己；
        // 获取所有超链接
        var allA = document.getElementsByTagName("a");
        // 为每个超链接绑定一个单击响应函数
        for (var i = 0; i < allA.length; i++) {
   
          allA[i].onclick = function () {
   
           
            // 此时会有a的默认行为
            // 要取消a的默认行为:
            // 1.return false
            // 2在a的href中设置"javascript:;"
            // alert(this);
            var tr = this.parentNode.parentNode;
            // 在确认框里设置确认删除xx名字吗？
            //  怎么把名字传递进去

            // 名字是每个tr的第一个td的文本属性!!
            var name = tr.getElementsByTagName("td")[0].innerHTML;
            var con = confirm("确定删除" + name + "?");
            if (con) {
   
              // -------删除自己，父亲的儿子是自己
              tr.parentNode.removeChild(tr);
            }
          };
        }

第2个功能：

分析：要添加的，其实是一行，要包括标签的结构和标签的文本；要做出结构，做出文本，并把文本放入相应标签中，最后整体放入。
1.获取用户填写的信息(3个)
2.创建结构，一行4个单元格,还有超链接
3.标签结构搭建好了，创建文本节点
4.套娃
（1）把文本节点放入td中
（2）a放入td中
（3）将td放入tr中

 // 单击提交，将员工的所有属性添加到表格中
        // 为按钮绑定一个单击响应函数
        var submit = document.getElementById("submit");
        submit.onclick = function () {
   
          // 1.获取用户填写的信息(3个)
          var Name = document.getElementById("Name").value;
          var Email = document.getElementById("Email").value;
          var Salary = document.getElementById("Salary").value;
          

          // 将获得到的信息保存到tr中。所以要创建一个类似以下的结构
          //   <tr>
          //     <td>linlinlin</td>
          //     <td>123@.com</td>
          //     <td>10000</td>
          //     <td>
          //       <a href="javascript:;">Delete</a>
          //     </td>
          //   </tr>
          // 2.创建结构，一行4个单元格,还有一个超链接
          var tr = document.createElement("tr");
          var Nametd = document.createElement("td");
          var Emailtd = document.createElement("td");
          var Salarytd = document.createElement("td");
          var atd = document.createElement("td");
          // 创建a标签
          var a = document.createElement("a");
          // 3.标签结构搭建好了，创建文本节点