KoXo 자바스크립트 - 메서드(method)

테이블 줄(tr)에 새로운 테이블 칸(cell: th 혹은 td)을 삽입하고 cells 컬렉션에 칸을 삽입한다.

개체	script	IE
tr	tr.insertCell([iIndex])	IE4.0(win16,win32,ce,unix,mac)

개체

script

tr.insertCell([iIndex])

IE4.0(win16,win32,ce,unix,mac)

예제 칸1-1	예제 칸1-2
예제 칸2-1	예제 칸2-2

insertCell 메서드로 tr에 칸을 추가하고, deleteCell 메서드로 칸(td)을 삭제한다.

<TABLE id=tableObj border=1 width=600>
<TR id=row1>
<TD id=cell11>예제 칸1-1</TD>
<TD id=cell12>예제 칸1-2</TD>
</TR>
<TR id=row2>
<TD id=cell21>예제 칸2-1</TD>
<TD id=cell22>예제 칸2-2</TD>
</TR>
</TABLE>
<SCRIPT>
function makeCell(){
  newTd=row1.insertCell(document.createElement('<TD>'))
  newTd.innerText='생성, 삽입된 칸';
}
function delCell(){
  row1.deleteCell(0);
}
</SCRIPT>
<BUTTON onclick="delCell();">테이블 칸 제거 클릭</BUTTON>
<BUTTON onclick="makeCell();">테이블 칸 생성 클릭</BUTTON>