知识大全 js动态给table添加/删除tr

Posted 2022-07-20 内容

篇首语：天下之事常成于困约，而败于奢靡。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 js动态给table添加/删除tr相关的知识，希望对你有一定的参考价值。

　　<!DOCTYPE HTML PUBLIC " //W C//DTD HTML Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <script language="javascript">// Example: obj = findObj("image "); function findObj(theObj theDoc) var p i foundObj; if(!theDoc) theDoc = document; if( (p = theObj indexOf("?")) > && parent frames length) theDoc = parent frames[theObj substring(p+ )] document; theObj = theObj substring( p); if(!(foundObj = theDoc[theObj]) && theDoc all) foundObj = theDoc all[theObj]; for (i= ; !foundObj && i < theDoc forms length; i++) foundObj = theDoc forms[i][theObj]; for(i= ; !foundObj && theDoc layers && i < theDoc layers length; i++) foundObj = findObj(theObj theDoc layers[i] document); if(!foundObj && document getElementById) foundObj = document getElementById(theObj); return foundObj; //添加一个参与人填写行 function AddSignRow() //读取最后一行的行号存放在txtTRLastIndex文本框中 var txtTRLastIndex = findObj("txtTRLastIndex" document); var rowID = parseInt(txtTRLastIndex value);

　　var signFrame = findObj("SignFrame" document); //添加行 var newTR = signFrame insertRow(signFrame rows length); newTR id = "SignItem" + rowID;

　　//添加列:序号 var newNameTD=newTR insertCell( ); //添加列内容 newNameTD innerHTML = newTR rowIndex toString();

　　//添加列:姓名 var newNameTD=newTR insertCell( ); //添加列内容 newNameTD innerHTML = "<input name= txtName" + rowID + " id= txtName" + rowID + " type= text size= />";

　　//添加列:电子邮箱 var newEmailTD=newTR insertCell( ); //添加列内容 newEmailTD innerHTML = "<input name= txtEMail" + rowID + " id= txtEmail" + rowID + " type= text size= />";

　　//添加列:电话 var newTelTD=newTR insertCell( ); //添加列内容 newTelTD innerHTML = "<input name= txtTel" + rowID + " id= txtTel" + rowID + " type= text size= />";

　　//添加列:手机 var newMobileTD=newTR insertCell( ); //添加列内容 newMobileTD innerHTML = "<input name= txtMobile" + rowID + " id= txtMobile" + rowID + " type= text size= />";

　　//添加列:公司名 var newCompanyTD=newTR insertCell( ); //添加列内容 newCompanyTD innerHTML = "<input name= txtCompany" + rowID + " id= txtCompany" + rowID + " type= text size= />";

　　 //添加列:删除按钮 var newDeleteTD=newTR insertCell( ); //添加列内容 newDeleteTD innerHTML = "<div align= center style= width: px ><a # " + rowID + " )">删除</a></div>";

　　//将行号推进下一行 txtTRLastIndex value = (rowID + ) toString() ; //删除指定行 function DeleteSignRow(rowid) var signFrame = findObj("SignFrame" document); var signItem = findObj(rowid document);

　　//获取将要删除的行的Index var rowIndex = signItem rowIndex;

　　//删除指定Index的行 signFrame deleteRow(rowIndex);

　　//重新排列序号如果没有序号这一步省略 for(i=rowIndex;i<signFrame rows length;i++) signFrame rows[i] cells[ ] innerHTML = i toString(); //清空列表 function ClearAllSign() if(confirm( 确定要清空所有参与人吗？ )) var signFrame = findObj("SignFrame" document); var rowscount = signFrame rows length;

　　//循环删除行从最后一行往前删除 for(i=rowscount ;i > ; i ) signFrame deleteRow(i);

　　//重置最后行号为 var txtTRLastIndex = findObj("txtTRLastIndex" document); txtTRLastIndex value = " ";

cha138/Article/program/Java/JSP/201311/20367