table °³Ã¼¿¡¼­ ÁöÁ¤ Ä­ td³ª thÀÇ ¼öÁ÷À¸·Î È®ÀåÇÒ Ä­ÀÇ °¹¼ö¸¦ ÁöÁ¤Çϰųª ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº table °³Ã¼¿¡¼­ ÁöÁ¤ Ä­ td³ª thÀÇ ¼öÁ÷À¸·Î È®ÀåÇÒ Ä­ÀÇ °¹¼ö¸¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

ÀÌ ¼Ó¼ºÀº ÆäÀÌÁö°¡ ·ÎµùµÈ ´ÙÀ½¿¡¸¸ ¼öÁ¤µÉ ¼ö ÀÖ´Ù.

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

ÀÌ ¼Ó¼ºÀº (¿µ¹®) HTML 3.2¿Í (¿µ¹®) W3C DOM Level 1(Document Object Model)¿¡¼­ Á¤ÀǵǾú´Ù.


ÁÙ1 Ä­1 ÁÙ1 Ä­2 ÁÙ1 Ä­3 ÁÙ1 Ä­4
ÁÙ2 Ä­1

È®ÀåµÈ Ä­À» ¼¼°¡Áö ´Ù¸¥ ¹æ½ÄÀ¸·Î È£ÃâÇÏ¿´´Ù.

<TABLE id=tableObj cols=4 border=1 width=650>
<TR id=tr1><TD id=td11>ÁÙ1 Ä­1</TD><TD id=td12>ÁÙ1 Ä­2</TD><TD id=td13>ÁÙ1 Ä­3</TD>
  <TD id=td14 rowspan=2 bgcolor=pink>ÁÙ1 Ä­4</TD></TR>
<TR id=tr2><TD id=td21 colspan=3 bgcolor=yellow>ÁÙ2 Ä­1</TD></TR>
</TABLE>
<SCRIPT>
document.write('td21.colSpan='+td21.colSpan+',  td14.rowSpan='+td14.rowSpan+'<BR>')
document.write('tr2.cells[0].colSpan='+tr2.cells[0].colSpan+',  tr1.cells[3].rowSpan='+tr1.cells[3].rowSpan+'<BR>')
document.write('tableObj.rows[1].cells[0].colSpan='+tableObj.rows[1].cells[0].colSpan+
  ',  tableObj.rows[0].cells[3]..rowSpan='+tableObj.rows[0].cells[3].rowSpan)
</SCRIPT>