<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<script>
var seqno =0;
 
function add(){
 seqno++;
 var tableObj = document.getElementById("t1");
 tableObj.insertRow();// insertRow하면 로우가 하나 추가 된다.
 var newRow = tableObj.rows[tableObj.rows.length -1];
 newRow.setAttribute("id","tr_" + (seqno));
 
 var cell1 = newRow.insertCell(0); // td를 만드는 방법
 var cell2 = newRow.insertCell(1);
 var cell3 = newRow.insertCell(2);
 
 cell1.innerHTML="첨부파일"+(seqno); // innerHTML 특정한 테이블 이나 tr이나 td를 사용할수 있게 해주는것
 cell2.innerHTML="<input type= 'file' name ='file'"+seqno+">";
 cell3.innerHTML="<a href = \"javascript:deleteRow(\'tr_"+seqno+"\');\">삭제</a>";

}

function deleteRow(trnum){
 //alert(trnum);
 var tableObj = document.getElementById("t1");
 var targetObj = document.getElementById(trnum);
 //alert(targetObj.rowIndex);
 tableObj.deleteRow(targetObj.rowIndex);
}
</script>

</head>
<body>
 <table id = "t1">
  <tr>
   <td>첨부파일</td> <td><a href="javascript:add()">추가</a></td>
  </tr>
 </table>
</body>
</html>

이 게시물을