javascript动态创建table
2013-04-09 20:24
302 查看
function createTable(node) {
table = document.createElement("table");
table.setAttribute('class', 'tablestyle');
var k = 1;
for (var i=1; i<4; i++) {
var row = document.createElement("tr");
row.id = i;
for (var j=1; j<4; j++) {
var cell = document.createElement("td");
cell.id = i + '_' + j;
cell.appendChild(document.createTextNode(k));
row.appendChild(cell);
k = k + 1;
}
table.appendChild(row);
}
node.appendChild(table);
}
table = document.createElement("table");
table.setAttribute('class', 'tablestyle');
var k = 1;
for (var i=1; i<4; i++) {
var row = document.createElement("tr");
row.id = i;
for (var j=1; j<4; j++) {
var cell = document.createElement("td");
cell.id = i + '_' + j;
cell.appendChild(document.createTextNode(k));
row.appendChild(cell);
k = k + 1;
}
table.appendChild(row);
}
node.appendChild(table);
}
相关文章推荐
- 原生态 JavaScript 动态创建任意行数和列数的表格简单脚本 (简单Table ,object)
- javascript动态创建table注意要点
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- JavaScript动态创建table表格
- javascript动态创建table
- 用javascript动态创建并提交表单form,表格table
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- javascript 动态创建table数据(处理了ie6,7兼容问题)
- 【javascript】table对象操作,动态创建,删除指定行列
- javascript 动态创建 table的rows与cells
- JavaScript如何动态创建table表格
- JavaScript如何动态创建table表格
- JavaScript Tip/Trick: 动态创建Table时,在IE中需要注意的一个问题
- Javascript动态创建SVG在IE、Firefox下不显示
- JAVASCRIPT创建动态曲线图和图表(Dojo)
- IE6通过点击 <a href="javascript:void(0);"></a>方式动态创建iframe无法显示
- javascript动态创建表格及添加数据实例详解
- javascript动态创建表格:新增、删除行和列
- JavaScript中动态创建和操作select元素