The first method:
Copy Code code as follows:
<script>
function CreateTable (rows,lines) {
This.rows=rows;
This.lines=lines;
var Body=document.getelementbyid (' body ');
var table=document.createelement (' table ');//create Table LABEL element
Table.setattribute (' Border ', ' 1 ');
Add additional properties to the table label
for (Var i=0;i<this.rows;i++) {
var lrow=document.createelement (' tr ');
for (Var j=0;j<this.lines;j++) {
var textnode=document.createtextnode (i+ ', ' +j);
var lline=document.createelement (' TD ');
Lline.appendchild (Textnode);
Lrow.appendchild (Lline);
}
Table.appendchild (Lrow);
}
Body.appendchild (Table);
}
</script>
<body >
<div id= "Body" ></div>
</body>
<script type= "Text/javascript" >
CreateTable (10,10);
</script>
The second method:
Copy Code code as follows:
<script>
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<this.rows;i++) {
var row=table.insertrow (i);
for (Var j=0;j<this.lines;j++) {
var Cells=row.insertcell (j);
cells.innerhtml=i+ ', ' +j
}
}
Body.appendchild (Table);
}
</script>
The above 2 kinds of methods are small partners have understood, if there is a better way, please leave a message to explain the common progress.