javascript删除表格当前行.docx

上传人:b****1 文档编号:1599805 上传时间:2022-10-23 格式:DOCX 页数:5 大小:15.69KB
下载 相关 举报
javascript删除表格当前行.docx_第1页
第1页 / 共5页
javascript删除表格当前行.docx_第2页
第2页 / 共5页
javascript删除表格当前行.docx_第3页
第3页 / 共5页
javascript删除表格当前行.docx_第4页
第4页 / 共5页
javascript删除表格当前行.docx_第5页
第5页 / 共5页
亲,该文档总共5页,全部预览完了,如果喜欢就下载吧!
下载资源
资源描述

javascript删除表格当前行.docx

《javascript删除表格当前行.docx》由会员分享,可在线阅读,更多相关《javascript删除表格当前行.docx(5页珍藏版)》请在冰豆网上搜索。

javascript删除表格当前行.docx

javascript删除表格当前行

竭诚为您提供优质文档/双击可除

javascript删除表格当前行

  篇一:

javascript动态添加和删除表格行

    "http:

//www.w3.org/tR/xhtml1/dtd/xhtml1-transitional.dtd">

  

  

  untitledpage

  

  //动态添加行

  functionaddRowmx(){

  if(document.all.mxtable.rows.length>20){

  alert("您最多可以添加20行。

");

  }else{

  //添加一行

  varnewtr=document.all.mxtable.insertRow();

  varrowid=document.all.mxtable.rows.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){

  varmytable=document.getelementbyid("mybody");

  varmyrow=document.getelementbyid("tr"+j);

  mytable.deleteRow(myrow.rowindex-1);

  }

  //删除所有行

  functiondelallmyRow(){

  varmytable=document.getelementbyid("mybody");

  varrowlen=mytable.rows.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){

  if(window.confirm(alertmessage)){

  varoRow=gettR();

  tableobject.deleteRow(oRow.rowindex);

  }

  }

  

  

  

  

  

  

  

  

  

  

  邮件交换记录(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.vartable=document.getelementbyid("table");

  然后遍历表格的行数进行删除:

  js代码

  1.for(vari=0;i  2.table.deleteRow(i);

  3.}

  这时会发现结果并不像预期那样,是因为删除一行后,table.rows.length会变小,所以先将table.rows.length赋值给变量len,这时js会报错,是因为每删一行后,len的值没变,而实际的行数却在变少,所以代码应该是:

js代码

  1.varlen=table.rows.length;

  2.for(vari=0;i  3.table.deleteRow(0);

  4.}

  或者:

  1.varlen=table.rows.length;

  2.for(vari=len-1;i>=0;i--){

  3.table.deleteRow(i);

  4.}

  篇三:

javascript动态操作表格,添加,删除行、列及单元格_表单按钮特效

    "http:

//

  

  functioninit(){

  _table=document.getelementbyid("table");

  _table.border="1px";

  _table.width="800px";

  for(vari=1;i  varrow=document.createelement("tr");

  row.id=i;

  for(varj=1;j  varcell=document.createelement("td");

  cell.id=i+"/"+j;

  cell.appendchild(document.createtextnode("第"+cell.id+"列"));

  row.appendchild(cell);

  }

  document.getelementbyid("newbody").appendchild(row);

  }

  }

  functionrebulid(){

  varbeginRow=document.getelementbyid("beginRow").value;/*开始行*/

  varendRow=document.getelementbyid("endRow").value;/*结束行*/

  /*/*/

  varbegincol=document.getelementbyid("begincol").value;/*开始列*/

  varendcol=document.getelementbyid("endcol").value;/*结束列*/

  vartempcol=beginRow+"/"+begincol;/*定位要改变属性的列*/

  alert(tempcol);

  vartd=document.getelementbyid(tempcol);

  for(varx=beginRow;x  for(vari=begincol;i  if(x==beginRow){

  document.getelementbyid("table").rows[x].deletecell(i+1);

  }

  else{

  document.getelementbyid("table").rows[x].deletecell(i);

  }

  }

  }

  td.rowspan=(endRow-beginRow)+1;

  }

  /*添加行,使用appendchild方法*/

  functionaddRow(){

  varlength=document.getelementbyid("table").rows.length;

  /*document.getelementbyid("newbody").insertRow(length);

  document.getelementbyid(length+1).setattribute("id",length+2);*/

  vartr=document.createelement("tr");

  tr.id=length+1;

  vartd=document.createelement("td");

  for(i=1;i  td.id=tr.id+"/"+i;

  td.appendchild(document.createtextnode("第"+td.id+"列"));

  tr.appendchild(td);

  }

  document.getelementbyid("newbody").appendchild(tr);

  }

  functionaddRow_withinsert(){

  var

  row=document.getelementbyid("table").insertRow(document.getelementbyid("table").rows.length);

  varrowcount=document.getelementbyid("table").rows.length;

  varcountcell=document.getelementbyid("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(){

  /*varrow=document.getelementbyid("2");

  varindex=row.rowindex;

  alert(index);*/

  document.getelementbyid("newbody").deleteRow(document.getelementbyid(document.getelem

  entbyid("table").rows.length).rowindex);

  }

  /*添加列,采用insertcell(列位置)方法*/

  functionaddcell(){

  /*document.getelementbyid("table").rows.item(0).cells.length

  用来获得表格的列数

  */

  for(vari=0;i  varcell=document.getelementbyid("table").rows[i].insertcell

(2);

  cell.innerhtml="第"+(i+1)+"/"+3+"列";

  }

  }

  /*删除列,采用deletecell(列位置)的方法*/

  functionremovecell(){

  for(vari=0;i  document.getelementbyid("table").rows[i].deletecell(0);

  }

  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  从第行到

  行

  从第列到列

  

  

  

  

  

展开阅读全文
相关资源
猜你喜欢
相关搜索

当前位置:首页 > IT计算机 > 互联网

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1