Question

求JS操作动态表格的全部方法，添加删除行列，单元格，设置属性等。

Answer 1

JS动态操作表格
2008年10月22日
星期三
下午
04:27
删除：<input
type="button"
name="del"
value="删除"
onclick="del(this)">
1、function
del(o)
{
var
t=document.getElementById('testTbl');
t.deleteRow(o.parentNode.parentNode.rowIndex)
}
2、
var
table=document.getElementById("tableName");
var
len=table.rows.length;
if(len>1){
for(i=1;i<len;i++){
table.deleteRow(1);
}
}
添加：
1、function
addRow(){
//添加行
var
newTr
=
testTbl.insertRow();
//添加列
var
newTd0
=
newTr.insertCell();
var
newTd1
=
newTr.insertCell();
var
newTd2
=
newTr.insertCell();
var
newTd3
=
newTr.insertCell();
//设置列内容和属性
newTd0.innerText
=
document.all("a").options[document.all("a").selectedIndex].text;
newTd1.innerText
=
document.all("b").value;
newTd2.innerText
=
document.all("c").value;
newTd3.innerHTML=
'<input
type="button"
name="del"
value="删除"
onclick="del(this)">';
}
注意写法。
2、//先获取该表格的引用:
var
Container
=
document.getElementById(TableId);
//然后创建行(TR对象)
var
NewTr
=
document.createElement("tr");
//填充该表格行
var
NewTd1
=
document.createElement("td");
var
NewTd2
=
document.createElement("td");
......
NewTr.appendChild(NewTd1);
NewTr.appendChild(NewTd2);
添加到最后一个TR上：var
LastTr
=
Container.rows[Container.rows.length
-
1];
LastTr.parentNode.appendChild(NewTr);
通常来讲,从表格中删除某一行一般是通过表格的deleteRow()方法和行的rowIndex属性来删除