JS动态操作表格

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