ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®¿¡ °ªÀ» ¼³Á¤ÇÑ´Ù.
0 | ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÉ ¶§, ´ë¼Ò¹®ÀÚ¿¡ °ü°è¾øÀÌ °°Àº À̸§ÀÇ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº µ¤¾î¾º¿î´Ù. |
1 | µðÆúÆ®À̸ç, ¾ÖÆ®¸®ºäÆ®°¡ ¼³Á¤µÉ ¶§, ´ë¼Ò¹®ÀÚ°¡ °°Àº À̸§ÀÇ ¾ÖÆ®¸®ºäÆ®ÀÇ °ªÀº µ¤¾î¾º¿î´Ù. |
¹Ýȯ°ªÀº ¾ø´Ù.
ÁöÁ¤µÈ ¾ÖÆ®¸®ºäÆ®°¡ Á¸ÀçÇÏÁö ¾ÊÀ¸¸é, setAttribute ¸Þ¼µå´Â °³Ã¼¿¡ ±× ¾ÖÆ®¸®ºäÆ®¿Í °ªÀ» ¼³Á¤ÇÑ´Ù.
¾ÖÆ®¸®ºäÆ® À̸§À» ±â¼úÇÒ ¶§´Â Á¶½ÉÇؼ Ʋ¸®Áö ¾Ê°Ô ÇÏ¿©¾ß ÇÑ´Ù. ƯÈ÷ iFlagsÀÌ 1ÀÌ°í sName ÆĶó¸ÞÅÍ°¡ ´ë¼Ò¹®°¡ ±¸º°ÇÏ¿© °°Àº À̸§ÀÌ ¾øÀ¸¸é ±× °³Ã¼¿¡ »õ·Î¿î ¾ÖÆ®¸®ºäÆ®°¡ »ý¼ºµÈ´Ù.
µÎ°³ ÀÌ»óÀÇ ¾ÖÆ®¸®ºäÆ®°¡ °°Àº À̸§À¸·Î ´ë¼Ò¹®ÀÚ¸¸ ´Ù¸£°Ô ÀÖ°í, iFlagsÀÌ 0À¸·Î ¼³Á¤µÇ¾î ÀÖÀ¸¸é, ÀÌ ¸Þ¼µå´Â °ªÀ» °°Àº À̸§ÀÇ Á¦ÀÏ Ã³À½ ¾ÖÆ®¸®ºäÆ®¿¡¸¸ ÇÒ´çÇÏ°í, ´Ù¸¥ °ÍÀ»Àº ¹«½ÃµÈ´Ù.
class ¾ÖÆ®¸®ºäÆ®¸¦ ÀÌ ¸Þ¼µå·Î »ç¿ëÇÏ¿© ¼³Á¤ÇÒ ‹š, sNameÀÌ DHTML(Dynamic HTML) ¼Ó¼º¿¡ ¸Â°Ô "className"·Î ÁöÁ¤µÇ¾î¾ß ÇÑ´Ù.
°³Ã¼ | script | IE |
---|
ÀÌ ¸Þ¼µå´Â (¿µ¹®)DOM1(W3C Document Object Model Level 1)¿¡¼ Á¤ÀǵǾú´Ù.
<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>