javascript删除表格当前行文档格式.docx

上传人:b****1 文档编号:14521549 上传时间: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

  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(){

  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"

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

  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.}

  或者:

  2.for(vari=len-1;

  3.table.deleteRow(i);

  篇三:

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

//

  functioninit(){

  _table=document.getelementbyid("

  _table.border="

1px"

;

  _table.width="

800px"

  for(vari=1;

i  varrow=document.createelement("

  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"

/*结束行*/

  /*/*/

  varbegincol=document.getelementbyid("

begincol"

/*开始列*/

  varendcol=document.getelementbyid("

endcol"

/*结束列*/

  vartempcol=beginRow+"

+begincol;

/*定位要改变属性的列*/

  alert(tempcol);

  vartd=document.getelementbyid(tempcol);

  for(varx=beginRow;

x  for(vari=begincol;

i  if(x==beginRow){

).rows[x].deletecell(i+1);

  else{

).rows[x].deletecell(i);

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

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

  functionaddRow(){

  varlength=document.getelementbyid("

).rows.length;

  /*document.getelementbyid("

).insertRow(length);

  document.getelementbyid(length+1).setattribute("

id"

length+2);

*/

  vartr=document.createelement("

  tr.id=length+1;

  vartd=document.createelement("

  for(i=1;

i  td.id=tr.id+"

+i;

  td.appendchild(document.createtextnode("

+td.id+"

  tr.appendchild(td);

).appendchild(tr);

  functionaddRow_withinsert(){

  var

  row=document.getelementbyid("

).insertRow(document.getelementbyid("

).rows.length);

  varrowcount=document.getelementbyid("

  varcountcell=document.getelementbyid("

).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);

).deleteRow(document.getelementbyid(document.getelem

  entbyid("

).rows.length).rowindex);

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

  functionaddcell(){

).rows.item(0).cells.length

  用来获得表格的列数

  */

i  varcell=document.getelementbyid("

).rows[i].insertcell

(2);

+3+"

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

  functionremovecell(){

i  document.getelementbyid("

).rows[i].deletecell(0);

  从第行到

  行

  从第列到列

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

当前位置:首页 > 初中教育 > 理化生

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

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