테이블 줄(tr)에 새로운 테이블 칸(cell: th 혹은 td)을 삽입하고 cells 컬렉션에 칸을 삽입한다.
칸의 삽입은 cells 컬렉션의 제일 뒤에 추가하는 것이 바랍직하다. 이 방식이 칸을 중간에 삽입하는 것보다 빠르다. 칸을 컬렉션의 제일 뒤에 삽입하려면, 값을 디폴트인 -1로 설정하거나, 컬렉션의 길이에서 1을 뺀 위치로 지정하면 된다.
| 개체 | script | IE |
|---|
이 메서드는 (영어)DOM Level 1(Document Object Model Level 1)에서 정의되었다.
| 예제 칸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>