최근 프로젝트를 진행하면서 테이블 행을 동적으로 추가하고 삭제해야 하는 경우가 발생했습니다. 구현 방법은 다음과 같습니다. html 코드 코드 복사 코드는 다음과 같습니다: 주요 학습 재개 > 졸업원 전공 학교 시스템 학위 학습 스타일 교육 수준 ;입력 이름='LearnTRLastIndex' 유형='hidden' id='LearnTRLastIndex' value="1" /> table> 자바스크립트 코드: 코드 복사 코드는 다음과 같습니다. // 예: obj = findObj("image1"); <br><br>function findObj(theObj, theDoc) <br>{ <br>var p, i,foundObj; <br>if(!theDoc) theDoc = 문서; <br>if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) <br>{ <br>theDoc = parent.frames[theObj.substring(p 1)].document ; <br>theObj = theObj.substring(0,p); <br>} <br>if(!(foundObj = theDoc[theObj]) && theDoc.all) <br>foundObj = theDoc.all[theObj]; <br>for (i=0; !foundObj && i < theDoc.forms.length; i ) <BR>foundObj = theDoc.forms[i][theObj]; <BR>for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i ) <BR>foundObj = findObj(theObj,theDoc.layers[i].document); <BR>if(!foundObj && document.getElementById) <BR>foundObj = document.getElementById(theObj); <BR>foundObj를 반환합니다. <… ("LearnTRLastIndex",문서); <BR>var rowID = parsInt(LearnTRLastIndex.value); <br><br>var signFrame = findObj("LearnInfoItem",document); <BR>//添加行 <BR>var newTR = signFrame.insertRow(signFrame.rows.length); <BR>newTR.id = "LearnItem" 행ID; <BR><br>//添加列:起讫时间 <br>var newNameTD=newTR.insertCell(0); <BR>//添加列内容 <BR>newNameTD.innerHTML = "<input name='txtLearnStartDate" rowID "' id='txtLearnStartDate" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:毕业院校 <br>var newNameTD=newTR.insertCell(1); <br>//添加列内容 <br>newNameTD.innerHTML = "<input name='txtName" rowID "' id='txtName" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:所school专业 <br>var newEmailTD=newTR.insertCell(2); <br>//添加列内容 <br>newEmailTD.innerHTML = "<input name='txtEMail" rowID "' id='txtEmail" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:학제 <br>var newTelTD=newTR.insertCell(3); <br>//添加列内容 <br>newTelTD.innerHTML = "<input name='txtTel" rowID "' id='txtTel" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:school位 <br>var newMobileTD=newTR.insertCell(4); <br>//添加列内容 <br>newMobileTD.innerHTML = "<input name='txtMobile" rowID "' id='txtMobile" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:school习方式 <br>var newMobileTD=newTR.insertCell(5); <br>//添加列内容 <br>newMobileTD.innerHTML = "<input name='txtMobile" rowID "' id='txtMobile" rowID "' type='text' class='inputStyle' />"; <br><br>//添加列:문화화 <br>var newCompanyTD=newTR.insertCell(6); <br>//添加列内容 <br>newCompanyTD.innerHTML = "<input name='txtCompany" rowID "' id='txtCompany" rowID "' type='text' class='inputStyle' />"; <br><br><br>//添加列:删除按钮 <br>var newDeleteTD=newTR.insertCell(7); <br>//添加列内容 <br>newDeleteTD.innerHTML = "<div align='center'><input id='txtDel" rowID "' type='button' value='删除' onclick=" LearnDeleteRow('LearnItem" rowID "')" class='inputStyle' /></div>"; <br><br>//将行号推进下一行 <br>LearnTRLastIndex.value = (rowID 1).toString() ; <br>} <br>//删除指정행 <br>function LearnDeleteRow(rowid){ <br>var signFrame = findObj("LearnInfoItem",document); <br>var signItem = findObj(rowid,document); <br><br>//获取将要删除의여행적Index <br>var rowIndex = signItem.rowIndex; <br><br>//删除指定Index의 이동 <br>signFrame.deleteRow(rowIndex); <br><br>} <br><br>} <br> 实现效果: