js怎么删除表格的一行.docx
《js怎么删除表格的一行.docx》由会员分享，可在线阅读，更多相关《js怎么删除表格的一行.docx（5页珍藏版）》请在冰豆网上搜索。
js怎么删除表格的一行
竭诚为您提供优质文档/双击可除
js怎么删除表格的一行
篇一：
js-表格（table）添加列删除列
js-表格（table）添加列、删除列
功能图片截图如下：
一、js代码如下：
二、html部分：
篇二：
js-表格（table）添加列、删除列
js-表格（table）添加列、删除列功能图片截图如下：
一、js代码如下：
language="javascript"type="text/javascript">
functionfindobj（theobj,thedoc）{varp,i,foundobj;
if（!
thedoc）thedoc=document;if（（p=theobj.indexof（""））>0theobj=theobj.substring（0,p）;
}
if（!
（foundobj=thedoc[theobj]）for（i=0;!
foundobji++）foundobj=thedoc.forms[i][theobj];for（i=
0;!
foundobji++）foundobj=findobj（theobj,
thedoc.layers[i].document）;
if（!
foundobjreturnfoundobj;}
//添加一个列
count=1;
functionaddnewcolumn（）{
vartxttdlastindex=
findobj（"txttdlastindex",document）;
varcolumnid=
parseint（txttdlastindex.value）;
vartab=
document.getelementbyid（"tab"）;
varrowlength=tab.rows.length;varcolumnlength（js怎么删除表格的一行）=
tab.rows[1].cells.length;
for（vari=0;i varotd=
tab.rows[0].insertcell（columnlength）;
otd.innerhtml=" href=javascript：
onclick=\"deletesigncolumn（"+（++columnid）+"）\">删除";
}elseif（i==1）{//第一列:
序号varotd=
tab.rows[1].insertcell（columnlength）;
otd.innerhtml=" style=background:
#d3e6Fe;width=100%;>"+（++count）+"";
}elseif（i>1）{
varotd=
tab.rows[i].insertcell（columnlength）;
otd.id="column"+columnid;otd.innerhtml=" height:
40px;>";
}
}
}
//添加一个行
varindex=1;
functionaddnewRow（）{
vartxttRlastindex=
findobj（"txttRlastindex",document）;
varrowid=
parseint（txttRlastindex.value）;
vartab=findobj（"tab",document）;varcolumnlength=
tab.rows[0].cells.length;
//添加行
varnewtR=
tab.insertRow（tab.rows.length）;
newtR.id="signitem"+rowid;
for（vari=0;i if（i==0）{//第一列:
序号
newtR.insertcell（0）.innerhtml=++index;
}elseif（i>0textitem0type=textstyle=border:
0pxsize=12/>";
}
elseif（i>=4）{
newtR.insertcell（i）.innerhtml="";
}
}
//添加列:
删除按钮
varlasttd=
newtR.insertcell（columnlength）;
lasttd.innerhtml=" align=centerstyle=width:
40px> href=javascript：
onclick=\"deletesignRow（signitem"+rowid+"）\">删除";
//将行号推进下一行
txttRlastindex.value=（rowid+
1）.tostring（）;
}
//删除指定行
functiondeletesignRow（rowid）{
vartab=findobj（"tab",document）;varsignitem=findobj（rowid,document）;
//获取将要删除的行的index
varrowindex=signitem.rowindex;
//删除指定index的行
tab.deleteRow（rowindex）;
//重新排列序号，如果没有序号，这一步省略for（i=2;i }
--index
}
//删除指定列
functiondeletesigncolumn（columnid）{vartab=
document.getelementbyid（"tab"）;
varcolumnlength=
tab.rows[1].cells.length;
//删除指定单元格
for（vari=0;i tab.rows[i].deletecell（columnid）;}
//重新排列序号，如果没有序号，这一步省略varcolumn=columnlength-4;
for（varj=1;j #d3e6Fe;width=100%;>"+j+"";
}
--count;
}
篇三：
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
entby
升级会员 