js删除一个表格.docx
《js删除一个表格.docx》由会员分享，可在线阅读，更多相关《js删除一个表格.docx（6页珍藏版）》请在冰豆网上搜索。
js删除一个表格
竭诚为您提供优质文档/双击可除
js删除一个表格
篇一：
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=
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（"tx（js删除一个表格）ttRlastindex",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;
}
篇二：
用js实现的表格
"http:
//
f
152.00
20xx-12-09
点击标题可排序
//添加行
"
functionaddRow（table,index）{
varlastRow=table.rows[table.rows.length-1];
varnewRow=lastRow.clonenode（true）;
table.tbodies[0].appendchild（newRow）;
setRowcanedit（newRow）;
returnnewRow;
}
functiondelete_row（rname）{
//函数delete_row用于删除一行
vari;
i=window.event.srcelement.parentnode.parentnode.rowindex;if（confirm（确定删除第+i+行））
tabproduct.deleteRow（i）;
}
functionmove_up（rname）
{
//上移一行
vari;
i=window.event.srcelement.parentnode.parentnode.rowindex;if（i>=2）
change_row（i-1,i）;
else
alert（第一行不能上移！
）;
}
functionmove_down（rname）
{
//下移一行
vari;
i=window.event.srcelement.parentnode.parentnode.rowindex;if（i change_row（i+1,i）;
else
alert（最后一行不能下移！
）;
}
functionchange_row（line1,line2）
{
//执行交换
tabproduct.rows[line1].swapnode（tabproduct.rows[line2]）;
}
//转换器，将列的字段类型转换为可以排序的类型：
string,int,floatfunctionconvert（sValue,sdatatype）{
switch（sdatatype）{
case"int":
sdatatype）;
sdatatype）;
returnparseint（sValue）;case"float":
returnparseFloat（sValue）;case"date":
returnnewdate（date.parse（sValue））;default:
returnsValue.tostring（）;}}//排序函数产生器，icol表示列索引，sdatatype表示该列的数据类型functiongeneratecomparetRs（icol,sdatatype）{returnfunctioncomparetRs（otR1,otR2）{varvValue1=convert（otR1.cells[icol].firstchild.nodeValue,varvValue2=convert（otR2.cells[icol].firstchild.nodeValue,if（vValue1vValue2）{return1;}else{return0;}};}//排序方法functionsorttable（stableid,icol,sdatatype）{varotable=document.getelementbyid（stableid）;varotbody=otable.tbodies[0];
篇三：
pageoffice开发js删除word表格中光标所在行
pageoffice开发js删除word表格中光标所在行
在项目开发过程中，可能会遇到需要对word文件中的表格进行操作的问题，当想要删除某一行时，一般的做法都是先用选中某一行，再点击右键删除行，这样的操作不仅会降低操作效率而且容易误操作，下面我就来介绍一种通过js删除word表格中某一行的方法，简单而高效。
具体实现步骤如下：
第一步：
请先安装pageoffice的服务器端的安装程序，之后在你的网站中根目录下添加pageoffice文件夹（在pageoffice官方网站的“下载中心”中可下载相应的压缩包，解压之后直接将pageoffice示例代码里的pageoffice文件夹拷贝到根目录下就可以了）。
第二步：
在网站中创建动态页面deleteRow.aspx。
在工具箱中拖动一个pageofficectrl控件到页面上（pageofficectrl控件位于工具箱最下方），并设置控件所在层（）的高和宽，否则word文档无法正常显示。
第三步：
deleteRow.aspx.cs后台编写代码。
打开word文件，添加自定义按钮，部分代码如下：
//设置服务器页面
pageofficectrl1.serverpage="pageoffice/server.aspx";
pageofficectrl1.addcustomtoolbutton（"删除光标所在行",
"deleteRow",7）;
//打开文件
pageofficectrl1.webopen（"doc/deleteword.doc",
pageoffice.openmodetype.docnormaledit,"张佚名"）;
第四步：
deleteRow.aspx页面添加js函数。
在前台页面中添加js函数“deleteRow（）”，让其执行删除行的操作。
代码如下：
functiondeleteRow（）{
varappobj=
document.getelementbyid（"pageofficectrl1"）.document.application;
appobj.selection.homekey（10）;appobj.selection.endkey（10,true）;appobj.selection.cells.delete
（2）;
}appobj.selection.typebackspace（）;
如上所述，当把光标定位到word表格中的某一行时，点击工具栏上的“删除光标所在行”按钮即可删除这一行。
升级会员 