尝试使用 offsetTop、offsetLeft 查找表的 X、Y 坐标，同时为两者接收 NaN答案

【问题标题】：Trying to find X,Y coords of a Table using offsetTop, offsetLeft, recieving NaN for both尝试使用 offsetTop、offsetLeft 查找表的 X、Y 坐标，同时为两者接收 NaN
【发布时间】：2013-12-11 05:02:46
【问题描述】：

我的目标是检索表格的 X、Y 坐标。我环顾四周，找到了一些答案，但我的代码有问题。

<script>
var obj;
var x;
var y;
function getXY(){
obj = document.getElementById('TableContent');
x += obj.offsetTop;
y += obj.offsetLeft;
alert(obj);
alert(y);
alert(x);
}
getXY();
</script>

当显示 x,y 的警报时，NaN。我想知道我是否错过了什么。 StackOverflow 和 javascript 都非常新。任何帮助将不胜感激。感谢您的帮助。

【问题讨论】：

最初 x 没有值，所以 x+= 会出错，正如 Diego 所回答的，它应该首先初始化为 0。

标签： javascript html html-table

【解决方案1】：

运算符“+=”与x = x + something 相同。并且第一次 x（和 y）值未定义（即 NaN）。

<script>
var obj;
var x = 0;
var y = 0;
function getXY(){
obj = document.getElementById('TableContent');
x += obj.offsetTop;
y += obj.offsetLeft;
alert(obj);
alert(y);
alert(x);
}
getXY();
</script>

【讨论】：

谢谢！我不敢相信我忽略了这一点。非常感激！效果很好！