<SCRIPT LANGUAGE="JavaScript">
<!--
function drawMiddleLine(){
var cOBJ=document.getElementById('drawTD_1');
var dLayer=document.getElementById('drawLayer')
alert('테이블의 Left 위치는 : '+cOBJ.offsetLeft)
alert('테이블의 Top 위치는 : '+cOBJ.offsetTop)
alert('테이블의 전체 크기는 : 가로:'+cOBJ.offsetWidth+', 세로:'+cOBJ.offsetHeight)
alert('div테그를 이용해서 그릴 선의 길이는  : '+cOBJ.offsetHeight)
alert('div레이어의 위치는 : ' + parseInt(cOBJ.offsetLeft + (cOBJ.offsetWidth/2)))
dLayer.style.top=parseInt(cOBJ.offsetTop)
dLayer.style.left=parseInt(cOBJ.offsetLeft + (cOBJ.offsetWidth/2))
dLayer.style.height=parseInt(cOBJ.offsetHeight)
dLayer.style.display='';
}
//-->
</SCRIPT>

<p>
<p>
<table id='drawTD_1' width='300' height='200' border=1 align='center'>
<tr>
 <td>123
 </td>
</tr>
</table>
<a href=' drawMiddleLine();'>click</a>
<div id='drawLayer' style='position: absolute; display: none; border: 1px #000000 solid;'></div>