欢迎访问:常州市武进区嘉泽中心小学网站 !今天是:
栏目列表
您现在的位置是:首页>>教师>>计算机技术>>网站制作技术>>文章内容
table中動態刪除新增一行的方法
发布时间:2008-11-20   点击:   来源:本站原创   录入者:佚名
 

function deleteCurrentRow()//刪除當前行
{
  var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;
  document.all.table10.deleteRow(currRowIndex);//table10--表格id
}

function insertRow()
{
  var nRow=document.all.table10.rows.length; //表格的總行數
  var objTheRow=document.all.table10.insertRow(nRow);//在最下邊新增一行
  objTheRow.insertCell(0);//新增一個單元格
  objTheRow.insertCell(1);
  objTheRow.insertCell(2);
  objTheRow.cells(0).innerHTML=nRow;//對新增的單元格?容
  objTheRow.cells(1).innerHTML=" ";
  objTheRow.cells(2).innerHTML="<input type='button' value='del this row' onClick='deleteCurrentRow()'>";
}

0   1   2  
附件:
    关闭窗口
    打印文档
    账号登录
    保持登录 忘记密码?
    账号与武进教师培训平台同步