使用DOM动态生成表格数据，并且可以删除数据

<script>
var dataList =[
{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
},{
    sid:"201804111",
    name:"张三",
    sex:"男",
    like:"女",
    tel:"13838385438",
    address:"湖北武汉",
    subjects:"软件工程"
}]

//  生成表格

 var table = document.createElement("table");

     table.style.border = "1px solid red";

     table.style.width = "600px"

     table.style.height ="500px"

     table.id = "userInfo"



// 生成表头

 var tr = document.createElement("tr");
     tr.style.backgroundColor= "pink"
 var colsTitle = ["学号","姓名","性别","爱好","手机号","籍贯","学科","操作"];
    colsTitle.forEach(function(v){
      var td = document.createElement("td");
          td.innerText = v;
          tr.appendChild(td)
    })

    table.appendChild(tr)
    var i =0;

   // 数据 行 列
    for(k in dataList){
        i++;
        var trContent = document.createElement("tr")
        //   dataList[k] = { sid:"sss", }
        dataList[k].link = "<a href='#' onclick='del("+i+")'>删除</a>&nbsp;&nbsp;<a href='#'>修改</a>"
        for(kk in dataList[k]){
            var tdContent = document.createElement("td");
                tdContent.innerHTML = dataList[k][kk]
                trContent.appendChild(tdContent)
        }
       table.appendChild(trContent)
    }
    console.log(tr)
    document.body.appendChild(table)


   // 事件
    function del(id){
        // 0
        // 删除指定的行
        //var tr= document.getElementsByTagName("tr");
        var table = document.getElementById("userInfo");
        console.log(table.children[1])
       // table.children[id+1].remove() //自身删除
       table.removeChild(table.children[id]) // 删除子节点
       // alert(id)
        //alert("1111")
    }

</script>