javascript动态创建表格_javascript技巧

来源：汽车vr网

代码如下:

function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');//创建table标签元素
Table.setAttribute('border','1');
//给table标签添加其他属性
for(var i=0;i var lRow=document.createElement('tr');
for(var j=0;j var textNode=document.createTextNode(i+','+j);
var lLine=document.createElement('td');
lLine.appendChild(textNode);
lRow.appendChild(lLine);
}
Table.appendChild(lRow);
}
Body.appendChild(Table);
}

createTable(10,10);

第二种方法：

代码如下:

function createTable(rows,lines){
this.rows=rows;
this.lines=lines;
var Body=document.getElementById('body');
var Table=document.createElement('table');
Table.setAttribute('border',1);
for(var i=0;i var row=Table.insertRow(i);
for(var j=0;j var cells=row.insertCell(j);
cells.innerHTML=i+','+j
}
}
Body.appendChild(Table);

}

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务