1. 程式人生 > >用js創建標簽

用js創建標簽

load class 內容 var 一個數 部分 child innerhtml span

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

用js創建標簽