js或者jquery动态添加表格

弄了好长时间,一定要注意方法,灵活使用原生js

var tb = document.createElement("table");
    tb.setAttribute("id","tab");
    /*创建表头*/
    var tb_tr0 = document.createElement("th");
    for(var i = 0; i < 6; i++){
        var tb_td = document.createElement("td");
        tb_td.setAttribute("id","tb_td"+i);
        tb_td.setAttribute("class","tb_td");
        if(i == 0){
            tb_td.append("姓名");
        }
        if(i == 1){
            tb_td.append("性别");    
        }
        if(i == 2){
            tb_td.append("账号");
        }
        if(i == 3){
            tb_td.append("星座");    
        }
        if(i == 4){
            tb_td.append("成为密友时间");    
        }
        if(i == 5){
            tb_td.append("更多信息");    
        }
        tb_tr0.appendChild(tb_td);
    }

你可能感兴趣的:(html+css+js)