Å×À̺íÀÇ ÁÙ(tr)¿Í cellsÄ÷º¼Ç¿¡¼­ ÁöÁ¤µÈ Ä­(td³ª th)À» Á¦°ÅÇÑ´Ù.

Àμö/ÆĶó¸ÞÅÍ
iIndex
¼±ÅÃÀûÀÎ ¿ä¼ÒÀ̸ç, Å×À̺íÀÇ ÁٷκÎÅÍ Á¦°ÅµÇ´Â Ä­ÀÇ À§Ä¡¸¦ 0ºÎÅÍ ½ÃÀÛÇÏ´Â Àμö·Î ÁöÁ¤ÇÏ´Â Á¤¼öÀÌ´Ù.
°ªÀÌ Á¦°øµÇÁö ¾ÊÀ¸¸é cells Ä÷º¼Ç Áß Á¦ÀÏ µÚÀÇ Ä­À» Á¦°ÅÇÑ´Ù.
¹Ýȯ°ª

¹Ýȯ°ªÀº ¾ø´Ù.

Àû¿ë
°³Ã¼scriptIE
ÂüÁ¶
deleteRow insertCell

ÀÌ ¸Þ¼­µå´Â (¿µ¾î)DOM Level 1(Document Object Model Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


¿¹Á¦ Ä­1-1 ¿¹Á¦ Ä­1-2
¿¹Á¦ Ä­2-1 ¿¹Á¦ Ä­2-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>
</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>