用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);}//定义函数putfunction 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); }}

 

相关文章