用js創建標簽


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);
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM