Firefox 插件中超链接的 XY 位置

Question

我想构建一个 FireFox 插件，它可以将网页捕获为图像（使用画布对象看起来很简单），并且还保留网页中存在的超链接的 XY 位置。

我想知道是否有任何 DOM 方法可以帮助我提取网页中所有超链接的几何信息（XY 位置以及高度和宽度）？

我几乎被困在这里，因此任何帮助或线索将不胜感激！

谢谢， 卡皮尔

Answer 1

似乎您可以“遍历” offsetParent 对象并将所有 offsetLeft 属性全部添加在一起，然后获得绝对值。

例如。对于此页面上的 dom 标记链接：

A -> offsetLeft = 110
A -> offsetParent(HTMLTableCellElement) -> offsetLeft = 60
A -> offsetParent -> offsetParent(HTMLTableElement) -> offsetLeft = 195
A -> offsetParent -> offsetParent -> offsetParent(HTMLBodyElement) -> offsetLeft = 0

110 + 60 + 195 + 0 = 365px。

由于页面居中，倒数第二个属性将根据您的浏览器大小而变化。

哦，当然另一个值是 offsetTop。