用js创建标签

Posted 2021-02-02 OH-MY-GOD

html部分：

<div id="div_1">
    <table id="tab"></table>
</div>

 js部分：

window.onload = function(){
    //定义一个数组
    var arr = [[1,1,1,1],[2,2,2,2],[3,3,3,3],[4,4,4,4]];
    //初始化数据，页面加载完成后调用函数
    put(arr);
}
//定义函数put
function put(newarr){
    //找到table标签
    var tab_1 = document.getElementById(‘tab‘);
    //遍历二维数组
    for(var i=0;i<newarr.length;i++){
        //创建标签tr
       var tr_1 = document.createElement(‘tr‘);
        //遍历二维数组里的一维数组
        for(var j=0;j<newarr[i].length;j++){
            //创建标签td
           var td_1 = document.createElement(‘td‘);
            //td的内容
            td_1.innerHTML = newarr[i][j];
            //将tr的子标签设置为td
            tr_1.appendChild(td_1);
        }
        //将table的子标签设置为tr
        tab_1.appendChild(tr_1);
    }
}