用js創建標簽
阿新 • • 發佈:2019-01-12
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創建標簽