完成建立二维数组,生成table表格内容

 

    

        

            
序号
            
姓名
            
年龄
            
地址
            
性别
        
    
    
    



   
    var arr = [
        ['张123',18,'北京','男'],
        ['李四',19,'上海','女'],
        ['王五',20,'广州','男'],
        ['赵六',21,'重庆','女'],
    ];

    
    var str = '';

    // 外层循环,生成tr
    for(var i = 0 ; i <= arr.length-1 ; i++){
        // 定义tr标签
        str += '';
        // 第一个单元格,内容是一维索引+1
        str += `${i+1}`;
        // 内层循环,生成其他td标签,内容是二维数组内容
        for(var j = 0 ; j <= arr[i].length-1 ; j++){
            str += `${arr[i][j]}`; 
        }
        str += '';
    }
    // 将循环生成的字符串,写入到tbody标签中
    tb.innerHTML = str;

    // 总结
    // 利用获取到的数据 (当前自定义数组模拟)
    // 来渲染生成页面
    // 页面的内容完全是由获取到的数据,来决定的,不再是一阶段时,固定的内容了

    // 准备知识1 : 通过 id属性值,可以直接操作标签,只能是id属性值
    // 准备知识2 : 标签id属性值.innerHTML = 内容
    //             向指定的标签中,写入内容