竭诚为您提供优质文档/双击可除
javascript删除表格当前行

  篇一：javascript动态添加和删除表格行
    "/tR/xhtml1/dtd/xhtml1-transitional.dtd">
 
 
  untitledpage
 
  //动态添加行
  functionaddRowmx(){
  if(ws.length>20){
  alert("您最多可以添加20行。");
  }else{
  //添加一行
  varnewtr=able.insertRow();
  varrowid=ws.length;
  //添加两列
  varnewtd0=newtr.insertcell();
  varnewtd1=newtr.insertcell();
  varnewtd2=newtr.insertcell();
  varnewtd3=newtr.insertcell();
  varnewtd4=newtr.insertcell();
  1.0transitional//en"
  //设置列内容和属性
  newtd0.innerhtml=.${domainname};
  newtd1.innerhtml=;
  newtd2.innerhtml=;
  newtd3.innerhtml=;
  }
  }
  //删除当前行
  functiondelmyRow(j){
  lementbyid("mybody");
  lementbyid("tr"+j);
  mytable.windex-1);
  }
  //删除所有行
  functiondelallmyRow(){
  lementbyid("mybody");
  ws.length;
  for(vari=rowlen-1;i>=0;i--){
  mytable.deleteRow(i);
  }
  }
  //取得事件所在的tr
  functiongettR(){
  varobj=event.srcelement;
  while(obj.tagname!="tR"){
  obj=obj.parentelement;
  }
  returnobj;
  }
  //删除事件所在的行
  functionondeleteRow(tableobject,alertmessage){
  firm(alertmessage)){
  varoRow=gettR();
  tableobject.windex);
  }
  }
 
 
 
 
 
 
 
 
 
delete删除表格还是内容 
  邮件交换记录(mx)(最多允许20条)
  目标主机
  优先级
  ttl
  操作
 
 
  ${objmx[0]}
  ${objmx[1]}
  ${objmx[2]}
  ${objmx[3]}
  添加javascript：modRowmx("${objmx[0]}","${objmx[1]}","${objmx[2]}","${objmx[3]}","${status.index+1}");>修改删除
 
 
 
 
 
  篇二：js动态删除表格行
  js动态删除表格行
  先取得表格：
  js代码
  1.lementbyid("table");
  然后遍历表格的行数进行删除：
  js代码
  1.for(vari=0;i  2.table.deleteRow(i);
  3.}
  这时会发现结果并不像预期那样，是因为删除一行后，ws.length会变小，所以先将ws.length赋值给变量len，这时js会报错，是因为每删一行后，len的值没变，而实际的行数却在变少，所以代码应该是：js代码
  1.ws.length;
  2.for(vari=0;i  3.table.deleteRow(0);
  4.}
  或者：
  1.ws.length;
  2.for(vari=len-1;i>=0;i--){
  3.table.deleteRow(i);
  4.}
  篇三：javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效
    "
 
  functioninit(){
  _lementbyid("table");
  _table.border="1px";
  _table.width="800px";
  for(vari=1;i  ateelement("tr");
  row.id=i;
  for(varj=1;j  ateelement("td");
  cell.id=i+"/"+j;
  cell.atetextnode("第"+cell.id+"列"));
  row.appendchild(cell);
  }
  lementbyid("newbody").appendchild(row);
  }
  }
  functionrebulid(){
  lementbyid("beginRow").value;/*开始行*/
  lementbyid("endRow").value;/*结束行*/
  /*/*/
  lementbyid("begincol").value;/*开始列*/
  lementbyid("endcol").value;/*结束列*/
  vartempcol=beginRow+"/"+begincol;/*定位要改变属性的列*/
  alert(tempcol);
  lementbyid(tempcol);
  for(varx=beginRow;x  for(vari=begincol;i  if(x==beginRow){
  lementbyid("table").rows[x].deletecell(i+1);
  }
  else{
  lementbyid("table").rows[x].deletecell(i);
  }
  }
  }
  td.rowspan=(endRow-beginRow)+1;
  }
  /*添加行，使用appendchild方法*/
  functionaddRow(){
  lementbyid("table").rows.length;
  /*lementbyid("newbody").insertRow(length);
  lementbyid(length+1).setattribute("id",length+2);*/
  ateelement("tr");
  tr.id=length+1;
  ateelement("td");
  for(i=1;i  td.id=tr.id+"/"+i;
  td.atetextnode("第"+td.id+"列"));
  tr.appendchild(td);
  }
  lementbyid("newbody").appendchild(tr);
  }
  functionaddRow_withinsert(){
  var
  lementbyid("table").lementbyid("table").rows.length);
  lementbyid("table").rows.length;
  lementbyid("table").rows.item(0).cells.length;
  for(vari=0;i  varcell=row.insertcell(i);
  cell.innerhtml="新"+(rowcount)+"/"+(i+1)+"列";
  cell.id=(rowcount)+"/"+(i+1);
  }
  }
  /*删除行，采用deleteRow(rowindex)*/
  functionremoveRow(){
  /*lementbyid("2");
  windex;
  alert(index);*/
  lementbyid("newbody").lem
  entbyid("table").rows.length).rowindex);
  }
  /*添加列，采用insertcell(列位置)方法*/
  functionaddcell(){
  /*lementbyid("table").rows.item(0).cells.length
  用来获得表格的列数
  */
  for(vari=0;i  lementbyid("table").rows[i].insertcell(2);
  cell.innerhtml="第"+(i+1)+"/"+3+"列";
  }
  }
  /*删除列，采用deletecell(列位置)的方法*/
  functionremovecell(){
  for(vari=0;i  lementbyid("table").rows[i].deletecell(0);
  }
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  从第行到
  行
  从第列到列
 
 
 
 
 

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。