李晓亮的博客

导航

使用js对元素进行定位

方法1:遍历所有父元素,层层累加计算相对于父元素的顶坐标和左坐标
  var elemObj=document.getElementById("elemId");
  var topVal=txtObj.offsetTop;
  var leftVal=txtObj.offsetLeft;
  while(elemObj=elemObj.offsetParent){
    topVal+=elemObj.offsetTop;
    leftVal+=elemObj.offsetLeft;
  }
方法2:使用"对象.getBoundingClientRect()"方法,该方法获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。支持该方法的浏览器有IE,Chrome,FF3.0+和Opera9.5+,Maxthon。
  var elemObj=document.getElementById("elemId");
  var rectObj=elemObj.getBoundingClientRect();
  var topVal=rectObj.top;
  var leftVal=rectObj.left;
  var rightVal=rectObj.right;
  var bottomVal=rectObj.bottom;

posted on 2011-06-08 18:48  LeeXiaoLiang  阅读(498)  评论(0)    收藏  举报