汽车vr网
您的当前位置:首页javascript动态创建表格_javascript技巧

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

}

显示全文