KoXo 자바스크립트 - 메서드(method) - deleteRow (table, tBody,tFoot,...)

엘레멘트로부터 지정된 줄(tr)과 rows 컬레션으로 부터 테이블의 줄을 제거한다.

개체	script	IE
table	table.deleteRow([iRowIndex])	IE4.0(win16,win32,ce,unix,mac)
tBody	tBody.deleteRow([iRowIndex])	IE4.0(win16,win32,ce,unix,mac)
tToot	tToot.deleteRow([iRowIndex])	IE4.0(win16,win32,ce,unix,mac)
tHead	tHead.deleteRow([iRowIndex])	IE4.0(win16,win32,ce,unix,mac)

개체

script

table

table.deleteRow([iRowIndex])

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

tBody

tBody.deleteRow([iRowIndex])

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

tToot

tToot.deleteRow([iRowIndex])

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

tHead

tHead.deleteRow([iRowIndex])

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

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

<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>
<TR id=row3>
<TD id=cell31>예제 칸3-1</TD>
<TD id=cell32>예제 칸3-2</TD>
</TR>
</TABLE>
<SCRIPT>
function makeRow(){
  newTr=tableObj.insertRow(document.createElement('<TR>'));
  newTd=newTr.insertCell(document.createElement('<TD>'));
  newTd.innerText='생성, 삽입된 줄-칸1';
  newTd=newTr.insertCell(document.createElement('<TD>'));
  newTd.innerText='생성, 삽입된 줄-칸2';
}
function delRow(){
  tableObj.deleteRow(0);
}
</SCRIPT>
<BUTTON onclick="delRow();">테이블 줄 제거 클릭</BUTTON>
<BUTTON onclick="makeRow();">테이블 줄 생성 클릭</BUTTON>