js删除一个表格.docx
- 文档编号:29022705
- 上传时间:2023-07-20
- 格式:DOCX
- 页数:6
- 大小:16.53KB
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表格中的某一行时,点击工具栏上的“删除光标所在行”按钮即可删除这一行。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- js 删除 一个 表格