tBody, tHead, tFoot³ª rows Ä÷º¼Ç¿¡ ÀÖ´Â °³Ã¼ÀÇ À§Ä¡¸¦ ¹ÝȯÇÑ´Ù.
ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
tBody, tHead¿Í tFoot ¿¤·¹¸àÆ®µéÀº »óÈ£ ¹èŸÀûÀ̹ǷÎ, ÇÑ table¿¡¼ ÇÑ tr´Â Ç×»ó À̵é Áß ÇѰ³¸¸À» °¡Áú¼ö ÀÖ´Ù.
rowIndex ¼Ó¼ºÀº tableÀÇ rows Ä÷º¼Ç¿¡¼ °³Ã¼ÀÇ À§Ä¡¸¦ ³ªÅ¸³½´Ù.
Ä÷º¼ÇÀÇ À妽º´Â HTML ¹®¼ÀÇ ³ª¿À´Â ¼ø¼¿¡ ÀÇÇÑ´Ù.
| °³Ã¼ | script | HTML | ±Ô°Ý | IE | 
|---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®) W3C DOM Level 1(Document Object Model)¿¡¼ Á¤ÀǵǾú´Ù.
| Ä 1-1 | Ų 1-2 | Ų 1-3 | 
| Ä 2-1 | Ų 2-2 | Ų 2-3 | 
| Ä 3-1 | Ų 3-2 | Ų 3-3 | 
| Ä 4-1 | Ų 4-2 | Ų 4-3 | 
<TABLE id=tableObj border=1 width=400>
<THEAD style=background-color:ffe>
<TR>
<TD>Ä 1-1</TD><TD>Ų 1-2</TD><TD>Ų 1-3</TD>
</TR>
</THEAD>
<TBODY style=background-color:efe>
<TR>
<TD>Ä 2-1</TD><TD>Ų 2-2</TD><TD>Ų 2-3</TD>
</TR>
<TR>
<TD>Ä 3-1</TD><TD>Ų 3-2</TD><TD>Ų 3-3</TD>
</TR>
</TBODY>
<TFOOT style=background-color:eef>
<TR>
<TD>Ä 4-1</TD><TD>Ų 4-2</TD><TD>Ų 4-3</TD>
</TR>
</TFOOT>
</TABLE>
<SCRIPT>
function showTable(){
  str='';
  for (i=0;i< tableObj.rows.length;i++){
    str+='tableObj.rows('+i+').innerText='+tableObj.rows(i).innerText+'<BR>';
    str+='tableObj.rows('+i+').rowIndex='+tableObj.rows(i).rowIndex+'<BR>';
    str+='tableObj.rows('+i+').sectionRowIndex='+tableObj.rows(i).sectionRowIndex+'<BR>';
  }
  showA.innerHTML=str;
}
</SCRIPT>
<P><BUTTON onClick="showTable()">scroll ¼Ó¼º°ª</BUTTON></P>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>