ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®¿¡ °ªÀ» ¼³Á¤ÇÑ´Ù.

Àμö/ÆĶó¸ÞÅÍ
sName
ÇʼöÀûÀÎ ¿ä¼ÒÀ̸ç, ¾ÖÆ®¸®ºäÆ®ÀÇ À̸§À» ÁöÁ¤ÇÏ´Â ¹®ÀÚ¿­ÀÌ´Ù.
vValue
ÇʼöÀûÀÎ ¿ä¼ÒÀ̸ç, ¾ÖÆ®¸®ºäÆ®¿¡ ÇÒ´çÇÒ °ªÀÇ ¹®ÀÚ¿­, ¼öÄ¡ ȤÀº ºÎÀ»°ªÀ» ÁöÁ¤ÇÏ´Â °ªÀÌ´Ù.
iFlags
¼±ÅÃÀûÀÎ ¿ä¼ÒÀ̸ç, ´ë¼Ò¹®ÀÚ ±¸º°¼ºÀ» ¼³Á¤ÇÏ´Â Á¤¼ö°ªÀÌ´Ù.
0 ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÉ ¶§, ´ë¼Ò¹®ÀÚ¿¡ °ü°è¾øÀÌ °°Àº À̸§ÀÇ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº µ¤¾î¾º¿î´Ù.
1 µðÆúÆ®À̸ç, ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÉ ¶§, ´ë¼Ò¹®ÀÚ°¡ °°Àº À̸§ÀÇ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº µ¤¾î¾º¿î´Ù.
¹Ýȯ°ª

¹Ýȯ°ªÀº ¾ø´Ù.

Ư±â

ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®°¡ Á¸ÀçÇÏÁö ¾ÊÀ¸¸é, setAttribute ¸Þ¼­µå´Â °³Ã¼¿¡ ±× ¾ÖÆ®¸®ºäÆ®¿Í °ªÀ» ¼³Á¤ÇÑ´Ù.

¾ÖÆ®¸®ºäÆ® À̸§À» ±â¼úÇÒ ¶§´Â Á¶½ÉÇؼ­ Ʋ¸®Áö ¾Ê°Ô ÇÏ¿©¾ß ÇÑ´Ù. ƯÈ÷ iFlagsÀÌ 1ÀÌ°í sName ÆĶó¸ÞÅÍ°¡ ´ë¼Ò¹®°¡ ±¸º°ÇÏ¿© °°Àº À̸§ÀÌ ¾øÀ¸¸é ±× °³Ã¼¿¡ »õ·Î¿î ¾ÖÆ®¸®ºäÆ®°¡ »ý¼ºµÈ´Ù.

µÎ°³ ÀÌ»óÀÇ ¾ÖÆ®¸®ºäÆ®°¡ °°Àº À̸§À¸·Î ´ë¼Ò¹®ÀÚ¸¸ ´Ù¸£°Ô ÀÖ°í, iFlagsÀÌ 0À¸·Î ¼³Á¤µÇ¾î ÀÖÀ¸¸é, ÀÌ ¸Þ¼­µå´Â °ªÀ» °°Àº À̸§ÀÇ Á¦ÀÏ Ã³À½ ¾ÖÆ®¸®ºäÆ®¿¡¸¸ ÇÒ´çÇÏ°í, ´Ù¸¥ °ÍÀ»Àº ¹«½ÃµÈ´Ù.

class ¾ÖÆ®¸®ºäÆ®¸¦ ÀÌ ¸Þ¼­µå·Î »ç¿ëÇÏ¿© ¼³Á¤ÇÒ ‹š, sNameÀÌ DHTML(Dynamic HTML) ¼Ó¼º¿¡ ¸Â°Ô "className"·Î ÁöÁ¤µÇ¾î¾ß ÇÑ´Ù.

Àû¿ë
°³Ã¼scriptIE
ÂüÁ¶
getAttribute removeAttribute

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


°á°ú Ç¥½Ãâ
  1. Ç׸ñ 1
  2. Ç׸ñ 2
  3. Ç׸ñ 3

<DIV id=showA>°á°ú Ç¥½Ãâ</DIV>
<OL id=olObj start=6 type=A>
<LI id=li1Obj>Ç׸ñ 1
<LI id=li2Obj>Ç׸ñ 2
<LI id=li3Obj>Ç׸ñ 3
</OL>
<BUTTON onclick="olObj.removeAttribute('start')">½ÃÀÛ ¼Ó¼º Á¦°Å</BUTTON>
<BUTTON onclick="showA.innerText=olObj.getAttribute('start')">½ÃÀÛ ¼Ó¼º ¾ò±â</BUTTON>
<BUTTON onclick="olObj.setAttribute('start','6')">½ÃÀÛ ¼Ó¼º »ðÀÔ</BUTTON><BR>
<BUTTON onclick="olObj.removeAttribute('type')">ÇüÅ ¼Ó¼º Á¦°Å</BUTTON>
<BUTTON onclick="showA.innerText=olObj.getAttribute('type')">ÇüÅ ¼Ó¼º ¾ò±â</BUTTON>
<BUTTON onclick="olObj.setAttribute('type','A')">ÇüÅ ¼Ó¼º »ðÀÔ</BUTTON>