테이블에 row 추가 하기

<SCRIPT language=javascript type=text/javascript>
 add = function(){
  var t = document.getElementById('univ').rows.length;
  var x = document.getElementById('univ').insertRow(t);
  vr f_td = x.insertCell(0);
  var s_td = x.insertCell(1);
  f_td.innerHTML = '내용1';
  s_td.innerHTML = '내용2';
 }
</SCRIPT>

 

<TABLE id=univ cellSpacing=0 cellPadding=0 border=0>

 
<TBODY>
<TR>

 
<TD>첫번�열</TD>
 
<TD>두번�열</TD>
 

</TR>

 

</TABLE>

행은 0 부터 시작된다. 이것만 주의..
insertCell 는 열을 추가 하는 것으로 0 .... 9 까지 정의 할 경우 10 개의 열이 생긴다.

단 이 스크립트의 문제점은 폼에 구성을 추가할 경우 익스에선 잘 작동하지만, 파폭에서 작동을

안 한다. 파폭에서도 가능하게 하려면 dom 을 이용해서 귀찮더라도 작업을 하는 편이..

하지만 소스가 좀 길어진다는 거..