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>