ÁöÁ¤µÈ °³Ã¼ÀÇ ³»ºÎ HTML ű׸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.

Àμö
object : (°³Ã¼¸í)

ÇʼöÀûÀÎ ¿ä¼ÒÀ̸ç, Àû¿ëµÉ °³Ã¼ÀÇ À̸§ÀÌ´Ù.

: (¼Ó¼º ¹®ÀÚ¿­)
¼±ÅÃÀûÀÎ ¼Ó¼º°ªÀº ÁöÁ¤µÈ °³Ã¼ÀÇ ³»ºÎÀÇ À¯È¿ÇÑ HTML ű׸¦ ³ªÅ¸³»´Â ¹®ÀÚ¿­ÀÌ´Ù.

¹®ÀÚ¿­Àº ¿¤·¹¸àÆ®ÀÇ ½ÃÀÛű׿¡¼­ Á¾·áűױîÁöÀÇ ¸ðµç ³»¿ëÀ» Æ÷ÇÔÇÑ´Ù.

COL COLGROUP FRAMESET HTML STYLE TABLE TBODY TFOOT THEAD TITLE TR °³Ã¼¿¡¼­´Â ÀбâÀü¿ëÀÌ°í ±× ¿ÜÀÇ °³Ã¼¿¡¼­´Â ¸ðµÎ Àбâ/¾²±âÀÌ´Ù. µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

innerHTML ¼Ó¼ºÀº ºí·°¸ðµå³ª ¶óÀθðµå ¿¤·¹¸àÆ®¿¡ ¸ðµÎ Àû¿ëµÈ´Ù. ½ÃÀÛÅÂ±×¿Í Á¾·áűװ¡ ¾ø´Â ¿¤·¹¸àÆ®´Â ¿ø¸®ÀûÀ¸·Î innerHTML ¼Ó¼ºÀ» °¡Áú¼ö ¾ø´Ù.

innerHTML ¼Ó¼ºÀº À¯È¿ÇÑ ÅؽºÆ®¿Í ¿¤·¹¸àÆ®µéÀ» ¹ÝȯÇÑ´Ù.

innerHTML ¼Ó¼ºÀÌ ¼³Á¤µÇ¸é ÇöÀç °³Ã¼ÀÇ ¸ðµç ³»¿ëÀÌ »õ·Î¿î ³»¿ëÀ¸·Î ¿ÏÀüÈ÷ ´ëüµÈ´Ù. »õ·Î¿î ³»¿ëÀÌ HTML ű׸¦ °¡Áö°í ÀÖÀ¸¸é ÆäÀÌÁö¿¡ ÀÖ´Â °Í ó·³ ÆĽ̵ǰí Ç¥ÇöµÈ´Ù.

ÀÌ ¼Ó¼ºÀº IE5¿¡¼­ run time¿¡ Á¢¼ÓÇÒ ¼ö ÀÖ´Ù. Á¾·áűװ¡ ÆĽ̵DZâ Àü¿¡ ¿¤·¹¸àÆ®¸¦ Á¦°ÅÇÏ¸é ¹®¼­ÀÇ ´Ù¸¥ Áö¿ªÀÇ Ç¥ÇöÀ» ¸·À» ¼ö ÀÖ´Ù.

innerHTML·Î ½ºÅ©¸³Æ®¸¦ »ðÀÔÇÒ ¶§´Â script ¿¤·¹¸àÆ® ¼Ó¿¡ defer ¾ÖÆ®¸®ºäÆ®¸¦ Æ÷ÇÔ½ÃÄÑ¾ß ÇÑ´Ù.

title ¿¤·¹¸àÆ®ÀÇ °ªÀº document.title ¼Ó¼ºÀ» »ç¿ëÇÏ¿© º¯°æ½Ãų ¼ö ÀÖ´Ù.

table, tFoot, tHead, tr ¿¤·¹¸àÆ® ³»¿ëµµ ź·ÂÀûÀ¸·Î º¯°æ½Ãų ¼ö ÀÖ´Ù.
¿¹¸¦µé¾î rowIndex ¼Ó¼º³ª rows Ä÷º¼ÇÀ» »ç¿ëÇÏ¿© ƯÁ¤ Å×À̺íÀÇ ÂüÁ¶¸¦ ¾ò°í,
insertRow ¸Þ¼­µå·Î ÁÙÀ» »ðÀÔÇÏ°í, deleteRow ¸Þ¼­µå¸¦ »ç¿ëÇÏ¿© ÁÙÀ» »èÁ¦ÇÒ ¼ö ÀÖ´Ù.
ƯÁ¤ Ä­À» ÂüÁ¶Çϱâ À§ÇÏ¿© cellIndex ¼Ó¼ºÀ̳ª cells Ä÷º¼ÇÀ» »ç¿ëÇÒ ¼ö ÀÖ´Ù.
insertCell¿Í deleteCell ¸Þ¼­µå¸¦ »ç¿ëÇÏ¿© ÁÙ¿¡ Ä­À» Ãß°¡Çϰųª Á¦°ÅÇÒ ¼ö ÀÖ´Ù.
Ä­ÀÇ ³»¿ëÀ» º¯°æ½ÃÅ°±â À§ÇÏ¿© innerHTML ¼Ó¼ºÀ» »ç¿ëÇÏ¸é µÈ´Ù.

ÀÌÀü ¹öÀü°úÀÇ È£¿Ï¼ºÀ» À§ÇÏ¿© ÀÌ ¼Ó¼ºÀº textArea °³Ã¼¿¡µµ Àû¿ëµÈ´Ù. ±×·¯³ª ÀÌ ¼Ó¼ºÀº ¹®ÀÚ¿­¸¸ Æ÷ÇÔÇÒ ¼ö ÀÖ°í ű״ Æ÷Ç﵃ ¼ö ¾ø´Ù. ű׸¦ °®´Â ¹®ÀÚ¿­À» Æ÷ÇÔÇÏ¸é ¿À·ù¸¦ ¹ÝȯÇϹǷΠ±× °³Ã¼¿¡¼­ innerText ¼Ó¼ºÀ» »ç¿ëÇÏ´Â °ÍÀÌ ÁÁ´Ù.

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

°£´ÜÇÑ innerHTML ¼Ó¼º ¿¹Á¦
<DIV id=objName></DIV>
<SCRIPT>
objName.innerHTML='<IMG src=../../gif/rfproperty.gif>';
</SCRIPT>
<SCRIPT>
myObj=new Object();
myObj.innerHTML='<MARQUEE><IMG src=../../gif/rfproperty.gif></MARQUEE>'
document.write(myObj.innerHTML);
</SCRIPT>

¼Ó¼ºÀ¸·Î ¸¶Äû¹æÇâÀ» ¹Ù²Û ű׷Π±³Ã¼ÇÏ´Â ¿¹Á¦

¸¶¿ì½º¸¦ Ŭ¸¯ÇØ º¸¶ó.

onclick À̺¥Æ®¿¡¼­ innerHTML ¼Ó¼ºÀ¸·Î HTML ³»¿ëÀ» ¹Ù²Û´Ù. ¹Ýº¹ÇØ º¸¶ó.

<P id=pObj style="width:300;height:40;border:solid 1 blue;padding:5;cursor:hand;"
  onclick="doEvent()">¸¶¿ì½º¸¦ Ŭ¸¯ÇØ º¸¶ó.</P>
</DIV>
<SCRIPT>
sw=1;
tagA='<MARQUEE><IMG src=../../gif/rfproperty.gif> <FONT color=red>¸¶¿ì½º¸¦ Ŭ¸¯ÇØ º¸¶ó.</FONT></MARQUEE>';
tagB='<MARQUEE direction=right><FONT color=blue>¸¶¿ì½º¸¦ Ŭ¸¯ÇØ º¸¶ó.</FONT> <IMG src=../../gif/rfproperty.gif></MARQUEE>';
function doEvent(){
  if (sw){
    pObj.innerHTML=tagA;
    sw=0;
  } else {
    sw=1;
    pObj.innerHTML=tagB;
  }
}
</SCRIPT>

¼Ó¼ºÀ¸·Î »õ·Î¿î ½ºÅ©¸³Æ®¸¦ »ðÀÔÇÏ´Â ¿¹Á¦


½ºÅ©¸³Æ® »ðÀ﵃ À§Ä¡

¹®¼­¿¡ innerHTML ¼Ó¼ºÀ» »ç¿ëÇÏ¿© ½ºÅ©¸³¸¦ »ðÀÔÇÑ´Ù.

<SCRIPT>
function insertScript(){
  sHTML='<BUTTON onclick=doNotify()>»ðÀÔµÈ ÀÌ ´ÜÃ߸¦ Ŭ¸¯ÇØ º¸¶ó.</BUTTON><BR>';
  sScript='\<SCRIPT defer\>function doNotify(){alert("½ºÅ©¸³Æ® »ðÀÔ ¾Ë¸²") }\</SCRIPT\>';
  ScriptDiv.innerHTML=sHTML+sScript;
}
</SCRIPT>
<BUTTON onclick="insertScript()" width=300>Ŭ¸¯ÇÏ¿© ½ºÅ©¸³Æ®¸¦ »ðÀÔÇØ º¸¶ó.</BUTTON><BR>
<DIV id="ScriptDiv" style="border:solid 1 blue;width:300;padding:5">½ºÅ©¸³Æ® »ðÀ﵃ À§Ä¡</DIV>