javascript自动生成表格行
2009-11-19 15:29
162 查看
//给指定的表格增加一行
function addRow(TableName)
{
var table=document.getElementById(TableName);
//添加一行
var tr_node = document.createElement("tr");
//设置列数组
var td_node =new Array(11);
var td_node_id =new Array("td_1","td_2","td_3","td_4","td_5","td_6","td_7","td_8","td_9","td_10","td_11");
var td_node_width =new Array("5%","10%","10%","10%","20%","20%","5%","5%","5%","5%","5%");
input_node_type =”Input”
//添加列
for(i=0;i<11;i++)
{
td_node[i] = document.createElement("td");
td_node[i].setAttribute("id",td_node_id[i]);
td_node[i].setAttribute("width",td_node_width[i]);
}
//添加列的内容和内容的属性,此处是新建一个Input框,并放入单元格中。
for(i=0;i<11;i++)
{
var input_node = document.createElement("input");
input_node.setAttribute("type",input_node_type);
input_node.setAttribute("id",td_node_id[i]+”Input”);
td_node[i].appendChild(input_node);
tr_node.appendChild(td_node[i]);
}
//将新建的行元素增加到表格中
table.appendChild(tr_node);
}
function addRow(TableName)
{
var table=document.getElementById(TableName);
//添加一行
var tr_node = document.createElement("tr");
//设置列数组
var td_node =new Array(11);
var td_node_id =new Array("td_1","td_2","td_3","td_4","td_5","td_6","td_7","td_8","td_9","td_10","td_11");
var td_node_width =new Array("5%","10%","10%","10%","20%","20%","5%","5%","5%","5%","5%");
input_node_type =”Input”
//添加列
for(i=0;i<11;i++)
{
td_node[i] = document.createElement("td");
td_node[i].setAttribute("id",td_node_id[i]);
td_node[i].setAttribute("width",td_node_width[i]);
}
//添加列的内容和内容的属性,此处是新建一个Input框,并放入单元格中。
for(i=0;i<11;i++)
{
var input_node = document.createElement("input");
input_node.setAttribute("type",input_node_type);
input_node.setAttribute("id",td_node_id[i]+”Input”);
td_node[i].appendChild(input_node);
tr_node.appendChild(td_node[i]);
}
//将新建的行元素增加到表格中
table.appendChild(tr_node);
}
相关文章推荐
- Javascript动态生成表格,并添加按钮,页面加载自动实现
- 基于JavaScript代码实现自动生成表格
- 以实例说明如何使用C#从数据库中提取数据,按要求自动生成定制的Excel表格?[转]
- Javascript动态生成表格的性能调优
- 自动生成文章摘要[JavaScript 版本]
- JavaScript:一维数组动态生成N行N列table表格
- jquery ajax自动生成表格table(一)
- 初学Phreeze 5 --excel 表格,自动生成文件
- javascript:第二章自动生成100个li!练习!
- thinkphp自动生成表格
- javascript生成表格增删改查
- c#.net GridView中,让表格自动生成序号的方式
- ASP.NET基础教程-Web 自定义控件的使用-根据属性值从数据库中提取数据并在页面上自动生成一个表格
- JavaScript 生成随机数并自动大小排序
- 游戏表格数据序列化自动生成工具
- grid表格选择一对多时不能自动生成代码解决
- javascript动态生成表格内容并设置属性,获取选中行的值
- Java根据数据库表格自动生成java实体类
- 用按钮触发Javascript动态生成一个表格的代码
- javascript 自动追加和删除表格行