테이블에 TR을 동적으로 추가/삭제할 수 있는 예제입니다.

동적으로 추가되는 TR이외의 제목같은 다른 TR이 있다면 19라인에서 0대신 1 또는 그이상.. 지워지지 말아야할 TR 갯수-1

로 지정하시면 됩니다.

<script language="javascript">
function addItem() {
      var lo_table = document.getElementById("TblAttach");
      var row_index = lo_table.rows.length;      // 테이블(TR) row 개수
      newTr = lo_table.insertRow(row_index);
      newTr.idName = "newTr" + row_index;
 
      newTd=newTr.insertCell(0);
      newTd.innerHTML= "첨부파일#"+row_index;
 
      newTd=newTr.insertCell(1);
      newTd.align = "center";
      newTd.innerHTML= "<input type=text name=subject align=absmiddle >";
}
function delItem(){
      var lo_table = document.getElementById("TblAttach");
      var row_index = lo_table.rows.length-1;      // 테이블(TR) row 개수
 
      if(row_index > 0) lo_table.deleteRow(row_index);    
}
</script>
<div id="layer1">
      <table border=0 cellpadding=0 cellspacing=0 id="TblAttach">
      <tr>
            <td width="100">   첨부파일#  </td>
            <td width="100" align=center>   
                  <input type=button value="추가" onclick="addItem();">  
                  <input type=button value="삭제" onclick="delItem();">  
            </td>
      </tr>
      </table>
</div>