유동주의 잡다한 블로그

테이블에 동적으로 Row 삽입하기

2006/12/03 23:07 / Html / JavaScript

<html>
<head>
<script>
function addRow ()
{
var rowCnt = document.all.svctable.rows.length;

var newRow = document.all.svctable.insertRow ();
var newCol1 = newRow.insertCell ();
var newCol2 = newRow.insertCell ();
var newCol3 = newRow.insertCell ();

newCol1.innerHTML = "<input type = 'text' name = 'colid[]'>";
newCol2.innerHTML = "<input type = 'text' name = 'fdl[]'>";
newCol3.innerHTML = "<input type = 'text' name = 'coldata[]'>";
}
</script>
</head>

<body>
<table id = "svctable" width = 780 border = "1">
<tr>
<td align = "center">Column ID</td>
<td align = "center">FDL</td>
<td align = "center">Column Data</td>
</tr>
</table>
<table width = 780 border = 0>
<tr>
<td align = right><button onClick = "javascript:addRow (); ">Row 추가</button></td>
</tr>
</table>
<br>
</body>
</html>

보이수(유동주) 이 작성.