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

发布网友 发布时间：2022-04-24 14:38

我来回答

共1个回答

热心网友 时间：2022-04-22 17:16

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属性来删除