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