使用HTML元素的style.left,style.top,style.width,style.height以及width,height属性，都不能获得元素的真正位置与大小，这些属性取出来的都是原来的设置值，例如<table id="table1" width="500">，那么通过document.getElementById("table1").width取出来的值永远都是500，而不管这个表格是否已经被撑大了；同时，通过document.getElementById("table1").style.left获得的值是空的，因为没有设置这个值。
要取得HTML元素的真正位置与大小，只能通过offsetLeft,offsetTop,clientWidth,clientHeight,offsetWidth,offsetHeight属性，其中offsetLeft与offsetTop分别是当前元素在父元素内的相对左坐标与相对顶坐标，要取得绝对坐标，还需要用到offsetParent属性，改属性取得当前元素的父元素。要取得绝对坐标，就必须依次获得父元素的相对坐标，直到父元素为空，然后把所有相对坐标加起来，得到当前元素的绝对坐标。
最常见的是日期选择框，当点击按钮时弹出日期选择框总是在按钮的旁边，这个选择框的坐标，就是根据按钮的坐标以及按钮的offsetWidth,offsetHeight来取得的。