javascript删除表格当前行.docx
《javascript删除表格当前行.docx》由会员分享,可在线阅读,更多相关《javascript删除表格当前行.docx(5页珍藏版)》请在冰豆网上搜索。
![javascript删除表格当前行.docx](https://file1.bdocx.com/fileroot1/2022-10/18/eeedf3d4-9400-4ea6-98b0-650fd469665c/eeedf3d4-9400-4ea6-98b0-650fd469665c1.gif)
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);
}
}
从第行到
行
从第列到列