马贞晓的博客 发表于 2013-1-4 02:45:27

获取元素在页面位置

<div id="cnblogs_post_body"><div class="cnblogs_Highlighter">方法一、遍历逐级查找   offsetParent:                  当前元素的坐标节点,如果想确定父节点为坐标节点可以设置css属性position:relative;top:0;left:0 ;                  如果没有top和left属性则以确定了top和left的元素为坐标节点,也可能是body   var element = document.getElementById("elements");         var parent = element.offsetParent;         var num = element.offsetTop;         while( parent.offsetParent!=null ){                  num+=parent.offestTop;                   parent = parent.offsetParent;                                                            }      alert(num) 方法二、getBoundingClientRect()               var element = document.getElementById("elements");            alert( element.getBoundingClientRect().top)            经测试,对相对新浏览器通用。
页: [1]
查看完整版本: 获取元素在页面位置