ÁöÁ¤µÈ °³Ã¼ÀÇ Á÷Á¢ÀûÀÎ ÀڽݳüÀÎ HTML Elements¿Í TextNode °³Ã¼µéÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.

Àμö
: (°³Ã¼)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í Ä÷º¼ÇÀ» Æ÷ÇÔÇÏ´Â ¸ðü °³Ã¼ÀÌ´Ù.

cVal : (Ä÷º¼Ç)
¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀ» ³ªÅ¸³»´Â °³Ã¼ÀÌ´Ù.
ÁöÁ¤µÈ °³Ã¼ÀÇ Á÷Á¢ ÀÚ½Ä °³Ã¼µé·Î ±¸¼ºµÈ´Ù.

oVal : (°³Ã¼)
¼±ÅÃÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼ÀÌ´Ù.

index : (Á¤¼ö)
ÇʼöÀûÀÎ ¿ä¼ÒÀÌ°í °ªÀº Ä÷º¼ÇÀÇ Àμö·Î ÇÑ°³ÀÇ ¿¤·¹¸àÆ® °³Ã¼¸¦ ÂüÁ¶ÇÒ ¼ö ÀÖ°í ¹è¿­º¯¼öÀÇ ±ÔÄ¢¿¡µû¶ó 0ºÎÅÍ ½ÃÀÛÇÏ°í Á¦ÀÏ ¸¶Áö¸· Àμö´Â ±æÀ̺¸´Ù 1 ÀÛ´Ù.

Ư±â
IE6 ºÎÅÍ attribute °³Ã¼¿¡µµ Àû¿ëµÈ´Ù.

childNodes Ä÷º¼ÇÀº HTML ¿¤·¹¸àÆ®µé°ú TextNode °³Ã¼µéÀ» Æ÷ÇÔÇÒ ¼ö ÀÖ´Ù.

Ç¥ÁØ HTMLÀ» ÅëÇÏ¿© »ý¼ºµÈ ¿¤·¹¸àÆ®µéÀÇ childNodes Ä÷º¼ÇÀ» Á¡°ËÇØ º¸¸é br°ú °°Àº ±â´ëÇÏÁö ¾ÊÀº °³Ã¼¿¡¼­ TextNode °³Ã¼µéÀ» º¼ ¼ö ÀÖ´Ù. ÇÑÆí DOMÀ» ÅëÇÏ¿© ¿¤·¹¸àÆ®¸¦ »ý¼ºÇϸé Explorer´Â ÀÌÁúÀûÀÎ TextNode °³Ã¼µéÀ» »ý¼ºÇÏÁö ¾Ê´Â´Ù.

Àû¿ë
°³Ã¼scriptHTML±Ô°ÝIE
ÂüÁ¶

ÀÌ Ä÷º¼ÇÀº (¿µ¹®)DOM Level 1(W3C Document Object Model)¿¡ Á¤ÀǵǾú´Ù.


¼³¸íÀ» À§ÇÑ ¿¹Á¦

¿¹Á¦ DIV

length ¼Ó¼º IE
¢¡ Ä÷º¼ÇÀÇ ±æÀ̸¦ ¹ÝȯÇϰųª ÁöÁ¤ÇÑ´Ù.
¹®¹ý: [iVal=].length
ÄÚµå: document.write(oObj.length); °á°ú:
ÄÚµå: for (i=0;i< oObj.length;i++){ document.write(oObj[i].nodeName+', ')}; °á°ú:
ÄÚµå: document.write(oObj[4].childNodes[0].childNodes[0].childNodes[0].nodeName); °á°ú:

item ¸Þ¼­µå IE
¢¡ À妽º·Î childrenÀ̳ª Ä÷º¼ÇÀÇ ÇÑ°³ÀÇ °³Ã¼¸¦ ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].item('iVal')
ÄÚµå: document.write(oObj.item(1).nodeName °á°ú:
urns ¸Þ¼­µå IE
¢¡ behavior°¡ ÷ºÎµÈ ¸ðµç °³Ã¼ÀÇ Ä÷º¼ÇÀ» ¹ÝȯÇÑ´Ù.
¹®¹ý: [oVal=].urns('sVal')
ÄÚµå: document.write(Sample.behaviorUrns.length) °á°ú:
ÄÚµå: document.write(document.all.namedItem('Sample').children.urns('../public/hilite.htc')) °á°ú:

createElement, insertBefore ¸Þ¼­µå¸¦ ÀÌ¿ëÇÑ °³Ã¼¸¦ »ý¼ºÇÏ°í »ðÀÔÇÏ´Â Ä÷º¼Ç ¿¹Á¦

  1. span1 ¹®ÀÚ¿­
  2. span2 ¹®ÀÚ¿­
  3. span3 ¹®ÀÚ¿­
°á°ú Ç¥½Ãâ
<OL id=testOl style="border:solid 1 blue"><LI>span1 ¹®ÀÚ¿­ <LI>span2 ¹®ÀÚ¿­ <LI>span3 ¹®ÀÚ¿­</OL>
<SCRIPT>
str='';
allColl=document.all.tags('ol');
testObj=allColl.item('testOl');
sObj=testObj.childNodes;
str+='sObj.length='+sObj.length+'<BR>';
for (i=0;i< sObj.length;i++){
  str+='sObj['+i+'].nodeName='+sObj[i].nodeName+' '+sObj[i].innerText+'<BR>';
}
str+='<BR>';
str+='<BUTTON onclick=doInsert()>¿¤·¹¸àÆ® »ðÀÔ</BUTTON>';
document.write(str);

function doInsert(){
  if (sObj.length>5) return;
  str='';
  newObj1=document.createElement('<LI>');
  newObj1.innerText='»ý¼ºµÈ °³Ã¼ ¹®ÀÚ¿­ '+i;
  testObj.insertBefore(newObj1);
  sObj=testObj.childNodes;
  str+='sObj.length='+sObj.length+'<BR>';
  for (i=0;i< sObj.length;i++){
    str+='sObj['+i+'].nodeName='+sObj[i].nodeName+' '+sObj[i].innerText+'<BR>';
  }
  showA.innerHTML=str;
}
</SCRIPT>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>