¿¤·¹¸àÆ®¸¦ ¹®¼­ °èÅëµµ¿¡ ¸ðü °³Ã¼ÀÇ Àڽijëµå(node)·Î »ðÀÔÇÑ´Ù.

Àμö/ÆĶó¸ÞÅÍ
oNewNode
ÇʼöÀûÀÎ ¿ä¼ÒÀ̸ç, ¹®¼­ÀÇ °èÅëµµ¿¡ »ðÀ﵃ »õ·Î¿î ¿¤·¹¸àÆ®¸¦ ÁöÁ¤ÇÏ´Â °³Ã¼ÀÌ´Ù.
ÀÌ´Â createElement ¸Þ¼­µå¿¡ ÀÇÇÏ¿© »ý¼ºµÉ ¼ö ÀÖ´Â ¿¤·¹¸àÆ®µéÀÌ´Ù.
oChildNode
¼±ÅÃÀûÀÎ ¿ä¼ÒÀ̸ç, »õ·Î¿î ¿¤·¹¸àÆ®°¡ À§Ä¡ÇÒ ÀÚ¸®¸¦ ÁöÁ¤ÇÏ´Â °³Ã¼ÀÌ´Ù.
¸¸ÀÏ ÀÌ ÆĶó¸ÞÅÍ°¡ ÁöÁ¤µÇÁö ¾ÊÀ¸¸é, »õ·Î¿î ¿¤·¹¸àÆ®´Â ÇöÀçÀÇ ÀÚ½Ä ¿¤·¹¸àÆ® ¹Ù·Î ÀÌÀü¿¡ »ðÀԵȴÙ.
¹Ýȯ°ª

¹Ýȯ°ª oValÀº ¹®¼­¿¡ »õ·ÎÀÌ »ðÀÔµÈ ¿¤·¹¸àÆ®ÀÇ ÂüÁ¶¸¦ ¹ÝȯÇÑ´Ù.

Ư±â

ÀÏÂ÷ ÀÚ½Ä ³ëµå¸¦ »ðÀÔÇÒ ¶§´Â oChildNode ÆĶó¸ÞÅ͸¦ ÁöÁ¤ÇÏÁö ¸»¶ó. Àڽijëµå°¡ ÀÌ¹Ì ÀÖ°í, oChildNodeÆĶó¸ÞÅ͸¦ ÁöÁ¤ÇÏÁö ¾ÊÀ¸¸é oNewNode´Â ¸ðü °³Ã¼ÀÇ ¸¶Áö¸· ÀÚ½ÄÀÌ µÈ´Ù.

ÀÌ ¸Þ¼­µå´Â ·±Å¸ÀÓ(run time)¿¡ Á¢¼ÓÇÒ ¼ö ÀÖ´Ù. ·±Å¸ÀÓ¿¡¼­ ÀÌ ¿¤·¹¸àÆ®°¡ Á¾·áűװ¡ ÆĽ̵DZâ Àü¿¡ Á¦°ÅµÇ¸é, ¹®¼­ÀÇ Áö¿ªµéÀº Ç¥ÇöµÇÁö ¾ÊÀ» ¼ö ÀÖ´Ù.

IE6ºÎÅÍ ÀÌ ¸Þ¼­µå´Â attribute °³Ã¼¿¡µµ Àû¿ëµÈ´Ù.

Àû¿ë
°³Ã¼scriptIE
ÂüÁ¶
(¿µ¹®)DOM(W3C Document Object Model)

ÀÌ ¸Þ¼­µå´Â (¿µ¹®)DOM1(W3C Document Object Model Level 1)¿¡¼­ Á¤ÀǵǾú´Ù.


Ŭ¸¯ÇÏ¿© ¸ñ·Ï Ç׸ñÀ» Ãß°¡ÇÑ´Ù.

»õ·Î¿î Ç׸ñ ¿¤·¹¸àÆ®¸¦ »ý¼ºÇÏ¿© ±âÁ¸ ¸ñ·ÏÀÇ ¼¼¹ø° Ç׸ñ ¾Õ¿¡ insertBefore ¸Þ¼­µå·Î »ðÀÔÇÑ´Ù.

<SCRIPT>
function insertElement(){
  var nod=document.createElement('LI');
  ulObj.insertBefore(nod,oLi3);
  nod.innerText='Å丶Åä';
}
</SCRIPT>

<SPAN onclick=insertElement() style="border:solid 1 blue;background:ffa">Ŭ¸¯ÇÏ¿© ¸ñ·Ï Ç׸ñÀ» Ãß°¡ÇÑ´Ù.</SPAN>
<UL id="ulObj">
<LI id="oLi1">»ç°ú</LI>
<LI id="oLi2">Àå¹Ì</LI>
<LI id="oLi3">º¹¼þ¾Æ</LI>
</UL>