°³Ã¼ ³»¿ëÀ» µÑ·¯½Ñ »ç°¢ÇüÀÇ ¿ÞÂÊ ÁÂÇ¥¸¦ ¹ÝȯÇϰųª ¼³Á¤ÇÑ´Ù.
ÀÌ ¼Ó¼ºÀº Àбâ/¾²±âÀÌ¸ç µðÆúÆ®°ªÀº ¾ø´Ù.
TextRange °³Ã¼ »ç°¢ÇüÀÇ ¿ÞÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é TextRangesÀ» »ç¿ëÇÏ¿©
RctCol=TextRangeObj.getClientRects(); RctCol[index].left;
¹ÀÎ(bound) ¿¤·¹¸àÆ®ÀÇ ¹ÝÇ⠻簢ÇüÀÇ ¿ÞÂÊ ÁÂÇ¥¸¦ ¾òÀ¸·Á¸é boundElementsÀ» »ç¿ëÇÏ¿©
BndRctCo=elementObj.getBoundingClientRect(); BndRctCol(index).left;
µÎ °æ¿ì ¸ðµÎ Ä÷º¼Ç¿¡¼ ¹è¿º¯¼öÀÇ Àμö·Î È£ÃâÇϹǷΠóÀ½ °ÍÀÌ index 0, µÎ¹øÂ°°¡ 1 ½ÄÀ¸·Î µÈ´Ù.
| °³Ã¼ | script | HTML | ±Ô°Ý | IE |
|---|
Å©¸¯ÇØ º¸¶ó.
<SCRIPT>
function getPos(obj) {
rectObj=obj.getBoundingClientRect();
str='Bounding rectangle<BR>¿ÞÂÊ ¸ÇÀ§ ÁÂÇ¥ ('+rectObj.left+', '+rectObj.top+')<BR>';
str+='¹Ù´Ú ¿À¸¥ÂÊ ÁÂÇ¥ ('+rectObj.right+', <FONT color=red>'+rectObj.bottom+'</FONT>)';
show.innerHTML=str;
}
</SCRIPT>
<P onclick="getPos(this)" style="border:solid 1 green;text-align:center;background:#ffa">Å©¸¯ÇØ º¸¶ó.</P>
<DIV id=show> </DIV>