取HTML元素坐标的函数
2007-04-25 14:25
183 查看
代码如下:
<!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>
<title>取HTML元素坐标的函数</title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
</head>
<body>
<table>
<tr>
<td>aa</td>
<td>bb</td>
<td>cc</td>
<td>dd</td>
<td id="td">ee</td>
</tr>
<tr>
<td>ff</td>
<td>gg</td>
<td>hh</td>
<td>ii</td>
<td>jj</td>
</tr>
</table>
<script type="text/javascript">
<!--
function GetElCoordinate(e) //获取Element的坐标
{
var t = e.offsetTop;
var l = e.offsetLeft;
var w = e.offsetWidth;
var h = e.offsetHeight;
while (e = e.offsetParent)
{
t += e.offsetTop;
l += e.offsetLeft;
}
return {
top: t,
left: l,
width: w,
height: h,
bottom: t + h,
right: l + w
}
}
function GetAbsPoint(e)
{
var oRect = e.getBoundingClientRect();
return {
top: oRect.top,
left: oRect.left,
width: e.offsetWidth,
height: e.offsetHeight,
bottom: oRect.bottom,
right: oRect.right
}
}
var o = GetElCoordinate(document.getElementById("td"));
var p = GetAbsPoint(document.getElementById("td"));
alert("top: " + o.top + ", left: " + o.left + ", width: " + o.width + ", height: " + o.height + ", bottom: " + o.bottom + ", right: " + o.right + "\n" + "top: " + p.top + ", left: " + p.left + ", width: " + p.width + ", height: " + p.height + ", bottom: " + p.bottom + ", right: " + p.right);
//-->
</script>
</body>
</html>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
相关文章推荐
- 取HTML元素坐标的函数
- 取HTML元素坐标的函数
- 截图用的坐标修正函数
- matlab 同个坐标下的两个函数图像的比较
- Unity 获取坐标函数 坐标转换函数
- gluUnProject()函数得到的是什么坐标
- Qt中计算坐标的一些简单函数接口
- 取平面坐标相对角度(0-359度)及两角的相对角偏移量的函数
- 解惑:Postmessage函数模拟鼠标单击指定坐标
- 在MFC的图片控件上用OpenGL的glDrawPixels函数画图时指定起点坐标
- javascript 触发HTML元素绑定的函数
- 画坐标箭头函数封装
- Mysq创建l计算两GPS坐标的距离的函数
- LUA 开发细节-获取touchDown(idx, x, y) 函数的坐标
- PHP对图像函数进行封装,以左下角为坐标原点
- javascript获得DOM元素X,Y坐标的函数
- 在MATLAB中设置坐标轴的函数
- JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)
- javascript(获取或设置html元素的宽,高,坐标)
- 瓦片地图,通过像素坐标返回瓦片坐标的函数