js 添加表格
来源:互联网 发布:淘宝客服怎么要好评 编辑:程序博客网 时间:2024/05/22 00:09
1 向上添加 insertRow
function insRow()
{
var x=document.getElementById('myTable').insertRow(0)
var y=x.insertCell(0)
var z=x.insertCell(1)
y.innerHTML="NEW CELL1"
z.innerHTML="NEW CELL2"
}
2 往底部添加 采用appendChild
function init(){
_table=document.getElementById ("table");
_table.border="1px";
_table.width="800px";
for(var i=1;i<10;i++){
var row=document.createElement ("tr");
row.id=i;
for(var j=1;j<6;j++){
var cell=document.createElement ("td");
cell.id =i+"/"+j;
cell.appendChild(document.createTextNode ("第"+cell.id+"列"));
row.appendChild (cell);
}
document.getElementById("newbody").appendChild (row);
}
}
_table=document.getElementById ("table");
_table.border="1px";
_table.width="800px";
for(var i=1;i<10;i++){
var row=document.createElement ("tr");
row.id=i;
for(var j=1;j<6;j++){
var cell=document.createElement ("td");
cell.id =i+"/"+j;
cell.appendChild(document.createTextNode ("第"+cell.id+"列"));
row.appendChild (cell);
}
document.getElementById("newbody").appendChild (row);
}
}
添加行,使用appendChild方法 写道
function addRow(){
var length=document.getElementById("table").rows.length;
/*document.getElementById("newbody").insertRow(length);
document.getElementById(length+1).setAttribute("id",length+2);*/
var tr=document.createElement("tr");
tr.id=length+1;
var td=document.createElement("td");
for(i=1;i<4;i++){
td.id=tr.id+"/"+i;
td.appendChild(document.createTextNode("第"+td.id+"列"));
tr.appendChild(td);
}
document.getElementById("newbody").appendChild (tr);
}
var length=document.getElementById("table").rows.length;
/*document.getElementById("newbody").insertRow(length);
document.getElementById(length+1).setAttribute("id",length+2);*/
var tr=document.createElement("tr");
tr.id=length+1;
var td=document.createElement("td");
for(i=1;i<4;i++){
td.id=tr.id+"/"+i;
td.appendChild(document.createTextNode("第"+td.id+"列"));
tr.appendChild(td);
}
document.getElementById("newbody").appendChild (tr);
}
- js动态添加表格
- js动态添加表格
- js 添加表格
- js 自动添加表格
- 利用js添加表格,删除表格
- js添加删除表格元素
- JS动态添加删除表格
- 用js添加删除表格
- js动态添加删除表格
- js动态添加word表格
- JS动态添加表格(一)
- JS动态添加表格(二)
- Js动态添加表格行
- JS动态添加表格行
- js表格最后添加一行
- JS动态添加表格行
- js实现表格添加数据
- js表格行 删除添加
- Android AlarmManager实现不间断轮询服务
- Good Bye-- welcome www.1maitao.com
- 支持ios6,ios7桌面图片icon的尺寸和命名
- 压测 相关命令
- Select下拉框onchange事件获取option的value值
- js 添加表格
- Myeclipse中移除hibernate的支持(可重新添加)
- Java - 随机数
- C++ auto
- Oracle GoldenGate 数据同步初始化最佳实战(Data Pump)
- 在awk模式匹配中使用自定义变量
- struts2 url namespace问题
- Linux输入子系统:输入设备编程指南 -- input-programming.txt
- ie6,ie7出现的空格不会自动折行