4 JS DOM示范1，添加与删除表格

1.添加操作代码
（1）绑定事件，获取输入

var submit = document.getElementById("btn_add");
        submit.onclick=function () {
   
            //首先先来获取输入内容
           var id= document.getElementById("id").value;
           var name=document.getElementById("name").value;
           var gender= document.getElementById("gender").value;

（2）接受并显示

 //创建几个节点去接纳这些内容物
            var tr = document.createElement("tr");

            //确定节点关系，并填充内容物
            var table = document.getElementById("table");
            //填ID
            var id_1 = document.createElement("td");
            id_1.innerText=id;
            tr.appendChild(id_1);
            //填name
            var name_1 = document.createElement("td");
            name_1.innerText=name;
            tr.appendChild(name_1);
            //填gender
            var gender_1 = document.createElement("td");
            gender_1.innerText=gender;
            tr.appendChild(gender_1);
            //填删除功能
            var a= document.createElement("a");
            var text1 = document.createTextNode("删除");
            var a_1 = document.createElement("td");
            a.setAttribute("href","javascript:void(0)");
            a.setAttribute("onclick",