tBody, tHead, tFoot³ª rows Ä÷º¼Ç¿¡ ÀÖ´Â °³Ã¼ÀÇ À§Ä¡¸¦ ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº tBody, tHead, tFoot³ª rows Ä÷º¼Ç¿¡ ÀÖ´Â °³Ã¼ÀÇ À§Ä¡ Àμö(index)¸¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

tBody, tHead¿Í tFoot ¿¤·¹¸àÆ®µéÀº »óÈ£ ¹èŸÀûÀ̹ǷÎ, ÇÑ table¿¡¼­ ÇÑ tr´Â Ç×»ó À̵é Áß ÇÑ°³¸¸À» °¡Áú¼ö ÀÖ´Ù.
rowIndex ¼Ó¼ºÀº tableÀÇ rows Ä÷º¼Ç¿¡¼­ °³Ã¼ÀÇ À§Ä¡¸¦ ³ªÅ¸³½´Ù.
Ä÷º¼ÇÀÇ À妽º´Â HTML ¹®¼­ÀÇ ³ª¿À´Â ¼ø¼­¿¡ ÀÇÇÑ´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
Âü°í
cellIndex, sourceIndex

ÀÌ ¼Ó¼ºÀº (¿µ¹®) 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>