JS获取页面中节点的位置

最新推荐文章于 2024-04-22 19:40:19 发布

beyond1993

最新推荐文章于 2024-04-22 19:40:19 发布

阅读量777

点赞数

分类专栏： Javascript 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/beyond1993/article/details/83911367

版权

Javascript 专栏收录该内容

29 篇文章 0 订阅

订阅专栏


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>获取DOM节点位置</title>
<script type="text/javascript">
function pageX(elem) {//获取元素相对于整个文档的X位置的函数；
    var p = 0;
    while ( elem.offsetParent ) {
        p += elem.offsetLeft;
        elem = elem.offsetParent;
    }
    return p;
}
function pageY(elem){ //获取元素相对于整个文档的Y位置的函数；
    var p = 0;
    while ( elem.offsetParent ) {
        p += elem.offsetTop;
        elem = elem.offsetParent;
    }
    return p;
}
function getPos(id){
	var o = document.getElementById(id);
	var x = pageX(o);
	var y = pageY(o);
	alert("x:"+x+",y:"+y);
}
</script>
</head>
<body>
<table width="400" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><input type="button" id="bt" onclick="getPos('bt')" value="获取节点位置" /></td>
  </tr>
</table>
</body>
</html>

beyond1993

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS获取页面中节点的位置

[code="java"]获取DOM节点位置function pageX(elem) {//获取元素相对于整个文档的X位置的函数； var p = 0; while ( elem.offsetParent ) { p += elem.offsetLeft; elem = elem.offsetParent; ...
复制链接

扫一扫