³ëµå(node)ÀÇ °ªÀ» ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
°³Ã¼°¡ TextNodeÀ̸é nodeValue ¼Ó¼ºÀº ³ëµå¿¡ ÀÇÇÏ¿© »ý¼ºµÈ ÅؽºÆ®¸¦ ´ëÇ¥ÇÏ´Â ¹®ÀÚ¿À» ¹ÝȯÇÑ´Ù.
TextNode °³Ã¼ÀÇ nodeValue ¼Ó¼º°ªÀ» º¯°æÇϱâ À§ÇÏ¿© »ç¿ëÇÒ ¼ö ¾ø´Ù.
°³Ã¼°¡ attributes Ä÷º¼ÇÀ¸·ÎºÎ³Ê ¹Ýȯ¹ÞÀº attribute °³Ã¼À̸é nodeValue ¼Ó¼ºÀº ¾ÖÆ®¸®ºÎÆ®ÀÇ °ª¸¦ ¹ÝȯÇϰųª nullÀ» ¹ÝȯÇÑ´Ù.
°³Ã¼°¡ ¿¤·¹¸àÆ®À̸é nodeValue´Â nullÀ» ¹ÝȯÇÑ´Ù. nodeName ¼Ó¼ºÀº ¿¤·¹¸àÆ®ÀÇ À̸§À» È®ÀÎÇϴµ¥ »ç¿ëµÈ´Ù.
°³Ã¼ | script | HTML | ±Ô°Ý | IE |
---|
ÀÌ ¼Ó¼ºÀº (¿µ¹®) W3C DOM Level 1(Document Object Model)¿¡¼ Á¤ÀǵǾú´Ù.
¸ñ·Ï Ç׸ñ¿¡ Æ÷ÇÔµÈ ÅؽºÆ® ³ëµåÀÇ nodeValue ¼Ó¼ºÀ¸·Î ¼³Á¤µÈ ¸ñ·Ï Ç׸ñÀÇ ¹®ÀÚ¿À» º¯°æ½ÃŲ´Ù.
<UL id="olistObj" onclick="changeNodeValue(this,0,'»õ·Î¿î nodeValue')"> <LI style="border:solid 1 blue">¿ø·¡ÀÇ nodeValue Ŭ¸¯Çغ¸¶ó <LI>¿ø·¡ÀÇ Ç׸ñ 2 </UL> <SCRIPT> function changeNodeValue(listObj,itemNb,textVal){ // ¸ñ·Ï¿¡¼¸¸ ÀÛ¿ëµÈ´Ù. if (listObj.nodeName!='UL'&&listObj.nodeName!='OL') {showA.innerHTML='¸ñ·ÏÀÌ ¾Æ´Ô'; return false;} if (itemNb>listObj.childNodes.length -1){ showA.innerHTML='Ç׸ñÀÌ Æ²¸²'; return false;} var liObj=listObj.childNodes(itemNb); if (!liObj) { showA.innerHTML='Ç׸ñÀÌ Æ²¸²'; return false;} var newText=liObj.childNodes(0); // ÅؽºÆ® ³ëµå¸¦ È®ÀÎ if (newText.nodeType!=3) { showA.innerHTML='ÅؽºÆ® ³ëµå°¡ ¾Æ´Ô'; return false;}; newText.nodeValue=textVal; showA.innerHTML='newText.nodeValue='+newText.nodeValue; return true; } </SCRIPT> <DIV id=showA>°á°ú Ç¥½Ãâ</DIV>