개체의 주위에 감싸는 맨위 사각형 좌표(맨 위에서 부터의 거리)를 픽셀단위로 반환하거나 지정한다.

인수

: (속성 정수값)

속성값은 개체 사각형 맨위의 맨 위에서 부터의 거리를 픽셀단위로 나타내는 정수값이다.

이 속성은 읽기/쓰기이며 디폴트값은 없다.

특기

TextRange 개체 사각형의 위쪽 좌표를 얻으려면 TextRanges을 사용하여

RctCol=TextRangeObj.getClientRects();
RctCol[index].top;

묶인(bound) 엘레멘트의 반향 사각형의 위쪽 좌표를 얻으려면 boundElements을 사용하여

BndRctCo=elementObj.getBoundingClientRect();
BndRctCol(index).top;

두 경우 모두 컬렉션에서 배열변수의 인수로 호출하므로 처음 것이 index 0, 두번째가 1 식으로 된다.

적용

개체	script	HTML	규격	IE

참고

bottom left right top TextRectangle TextRectangles 컬렉션

<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>