JS自動添加table中tr標籤

時間 2019-11-19

原文原文鏈接

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 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("image1");  
function findObj(theObj, theDoc)  
{   
var p, i, foundObj;   
if(!theDoc) theDoc = document;   
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)   
{    theDoc = parent.frames[theObj.substring(p+1)].document;    theObj = theObj.substring(0,p); } if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj]; for (i=0; !foundObj && i < theDoc.forms.length; i++)     foundObj = theDoc.forms[i][theObj]; for(i=0; !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(0);  
//添加列內容  
newNameTD.innerHTML = newTR.rowIndex.toString();  
  
//添加列:姓名  
var newNameTD=newTR.insertCell(1);  
//添加列內容  
newNameTD.innerHTML = "<input class="easyui-textbox" name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' size='12' />";  
  
//添加列:電子郵箱  
var newEmailTD=newTR.insertCell(2);  
//添加列內容  
newEmailTD.innerHTML = "<input name='txtEMail" + rowID + "' id='txtEmail" + rowID + "' type='text' size='20' />";  
  
//添加列:電話  
var newTelTD=newTR.insertCell(3);  
//添加列內容  
newTelTD.innerHTML = "<input name='txtTel" + rowID + "' id='txtTel" + rowID + "' type='text' size='10' />";  
  
//添加列:手機  
var newMobileTD=newTR.insertCell(4);  
//添加列內容  
newMobileTD.innerHTML = "<input name='txtMobile" + rowID + "' id='txtMobile" + rowID + "' type='text' size='12' />";  
  
//添加列:公司名  
var newCompanyTD=newTR.insertCell(5);  
//添加列內容  
newCompanyTD.innerHTML = "<input name='txtCompany" + rowID + "' id='txtCompany" + rowID + "' type='text' size='20' />";  
  
  
//添加列:刪除按鈕  
var newDeleteTD=newTR.insertCell(6);  
//添加列內容  
newDeleteTD.innerHTML = "<div align='center' style='width:40px'><a href='javascript:;' onclick=\"DeleteSignRow('SignItem" + rowID + "')\">刪除</a></div>";  
  
//將行號推動下一行  
txtTRLastIndex.value = (rowID + 1).toString() ;  
}  

</script>  
</HEAD>  
  
<BODY>  
<div>  
<table width="613" border="0" cellpadding="2" cellspacing="1" id="SignFrame">  
              <tr id="trHeader">  
                <td width="27" bgcolor="#96E0E2">序號</td>  
                <td width="64" bgcolor="#96E0E2">用戶姓名</td>  
                <td width="98" bgcolor="#96E0E2">電子郵箱</td>  
                <td width="92" bgcolor="#96E0E2">固定電話</td>  
                <td width="86" bgcolor="#96E0E2">移動手機</td>  
                <td width="153" bgcolor="#96E0E2">公司名稱</td>  
                <td width="57" align="center" bgcolor="#96E0E2"> </td>  
              </tr>  
        </table>  
   </div>  
   <div>  
        <input type="button" name="Submit" value="添加參與人" onclick="AddSignRow()" />   
     <input type="button" name="Submit2" value="清空" onclick="ClearAllSign()" />  
     <input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />  
   </div>  
  
</BODY>  
</HTML>

這裏的雙引號(")和單引號(')要注意一下,有時候當沒法添加的時候可能就是單引號和雙引號的問題javascript

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。