³ëµå(node) Á¾·ù ¹øÈ£¸¦ ¹ÝȯÇÑ´Ù.

Àμö
: (¼Ó¼º Á¤¼ö°ª)
¼Ó¼º°ªÀº ƯÁ¤ ³ëµå(node) Á¾·ù ¹øÈ£¸¦ ³ªÅ¸³»´Â Á¤¼ö°ªÀÌ´Ù.

1 ¿¤·¹¸àÆ® ³ëµåÀÌ´Ù.
3 ÅؽºÆ® ³ëµåÀÌ´Ù.

ÀÌ ¼Ó¼ºÀº ÀбâÀü¿ëÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.

Ư±â

¸¸ÀÏ ³ëµå(node)°¡ attributes Ä÷º¼ÇÀ¸·ÎºÎÅÍ ¹ÞÀº ¾ÖÆ®¸®ºäÆ®À̸é, ±× nodeTypeÀº nullÀ» ¹ÝȯÇÑ´Ù.

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

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

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


body °³Ã¼ÀÇ nodeType ¼Ó¼º°ªÀº 1À̸ç ÀÌ´Â ¿¤·¹¸àÆ®ÀÓÀ» ÀǹÌÇÑ´Ù.

<SCRIPT>
document.write('document.body.nodeType='+document.body.nodeType);
</SCRIPT>
  1. Ç׸ñ 1
  2. Ç׸ñ 2
°á°ú Ç¥½Ãâ

createElement·Î »ý¼ºÇÏ¿© insertBefore ¸Þ¼­µå·Î »ðÀÔÇÑ °³Ã¼ÀÇ nodeType ¼Ó¼º°ªÀ» È®ÀÎÇÑ´Ù..

<SCRIPT>
function createObj(){
  var newObj=document.createElement('LI');
  newObj.innerText='»ý¼ºµÈ Ç׸ñ';
  createdObj=olObj.insertBefore(newObj,li2);
  showA.innerHTML='newObj.nodeType='+newObj.nodeType;
}
</SCRIPT>
<OL id=olObj>
<LI id=li1>Ç׸ñ 1
<LI id=li2>Ç׸ñ 2
</OL>
<BUTTON onclick=createObj()>¿¤·¹¸àÆ® »ý¼º</BUTTON>
<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>