js添加表格

方法一

//获取table元素

        let tab = document.getElementById('my');

//使用insertRow给table插入新的一行

let rs = tab.insertRow(tab.rows.length);

 //给空的地方插入新的td

                rs.insertCell();

//获取每行的td的位置使用cells插入

 rs.cells[1].innerHTML = 

//定义一个空数组，将input的值传入数组中，添加的时候最好给个判断

 var students = [];

var str = {

                name: inp[0].value,

                age: inp[1].value,

                sex: inp[2].value,

                id: inp[3].value,

            }

students.push(str);

//方法二

/给一个空数组

var arr=[];

/获取input的值

var str = {

                    name:inp[0].value,

                    age:inp[1].value,

                    sex:inp[2].value,

                    id:inp[3].value,

                }

//将input的值传入数组中，在传值的过程中给判断，判断input的值是否为空

 for(var i=0;i<inp.length;i++){

                    if(inp[i].value.trim()==""||inp[i].value.trim()==null||inp[i].value.trim()==undefined){

                        alert("信息不完善，请填写完整！");

                        return false;

                    }

                }

        if(arr.length>0){

                    for(var i=0;i<arr.length;i++){

                        if(arr[i].id==str.id){

                            alert("学号已存在，请重新输入！");

                            return false;

                        }

                    }

                    arr.push(str);

                }else{

                    arr.push(str);

                }

//获取table元素

        let box= document.getElementById('my');

 //  使用 createElement（）方法添加tr

         var trs = document.createElement("tr");

//在使用appendChild（）方法给box的添加新的tr

box.appendChild(trs);

1. var xh = document.createElement("td");

 xh.innerHTML = arr.length;

trs.appendChild(xh);

                for(var i =0;i<inp.length;i++){

                    var tds = document.createElement("td");

                    trs.appendChild(tds);

                    tds.innerHTML = inp[i].value;

                }