스크롤하여 박스의 위치를 변경시키고 클릭하여 boundingTop 속성값의 변화를 보라.

<SCRIPT>
function boundDim(){
  taObj=fName.textAreaObj.createTextRange();
  str='반향 사각형의 높이(taObj.boundingHeight)=<FONT color=blue>'+taObj.boundingHeight+'</FONT><BR>';
  str+='반향 사각형의 너비(taObj.boundingWidth)=<FONT color=blue>'+taObj.boundingWidth+'</FONT><BR>';
  str+='반향 x 좌표(taObj.boundingLeft)=<FONT color=blue>'+taObj.boundingLeft+'</FONT><BR>';
  str+='반향 y 좌표(taObj.boundingTop)=<FONT color=blue>'+taObj.boundingTop+'</FONT><BR>';
  show.innerHTML=str;
}
</SCRIPT>
<FORM id=fName>
<TEXTAREA cols=20 rows=4 id=textAreaObj onclick="boundDim()">
입력 TEXTAREA 스크롤하여 박스의 위치를 변경시키고 클릭하여 속성값의 변화를 보라.
입력 TEXTAREA 스크롤하여 박스의 위치를 변경시키고 클릭하여 속성값의 변화를 보라.
</TEXTAREA>
</FORM>
<DIV id=show style="height:4.8em">결과 표시창</DIV>