javascript删除表格当前行文档格式.docx
《javascript删除表格当前行文档格式.docx》由会员分享,可在线阅读,更多相关《javascript删除表格当前行文档格式.docx(5页珍藏版)》请在冰豆网上搜索。
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);
从第行到
行
从第列到列