이 기사의 예에서는 JS를 사용하여 Table을 동적으로 추가하는 TR 및 TD 구현 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다. 코드 복사 코드는 다음과 같습니다. var 임시 행=0; var maxRows=0; 함수 insertRows(){ <br> tempRow=table1.rows.length-1; maxRows=tempRow <br> tempRow=온도행 1 <br> var Rows=table1.rows;//배열형 행 <br> var newRow=table1.insertRow(table1.rows.length);//새 행 삽입 <br> var Cells=newRow.cells;//배열형 셀 <br> for (i=0;i { <br> var newCell=Rows(newRow.rowIndex).insertCell(Cells.length) <br> newCell.align="center" <br> 스위치 (i) <br> { <br> 사례 0: newCell.innerHTML="<td valign='top'>corpName</TD>" break; 사례 1: newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow("" tempRow "")'>delete</a></TD>"; ; <br> } <br> } <br> 최대 행 =1 <br> } <br> 함수 delTableRow(rowNum){ <br> if (table1.rows.length >rowNum){ <br> table1.deleteRow(rowNum) <br> } <br> } <br> </스크립트> </머리> <br> <form action=""> <table border="0" cellpacing="0" cellpadding="0" width="98%" align="center"> <tr valign="top"> <br> <input value="Add" type="button" onclick="insertRows()"> <br> </tr> </테이블> <br> <br /> <table border="1" width="98%" align="center" id="table1"> <br> 업체명<br> 작전 <br> </tr> </테이블> <br> </양식> </본문> </div>