javascript动态创建表格_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:31:37

javascript动态创建表格_javascript技巧

javascript动态创建表格_javascript技巧: 代码如下: function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById('body'); var Table=document.createElement('table');//创建table标签元素 Ta

推荐度：

点击下载本文 文档为doc格式

导读javascript动态创建表格_javascript技巧: 代码如下: function createTable(rows,lines){ this.rows=rows; this.lines=lines; var Body=document.getElementById('body'); var Table=document.createElement('table');//创建table标签元素 Ta

代码如下:

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

}

javascript动态创建表格_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：表格添加动态

热门焦点

javascript动态创建表格_javascript技巧

javascript动态创建表格_javascript技巧

javascript动态创建表格_javascript技巧

最新推荐

猜你喜欢

热门推荐