我如何确保即使页面布局已更改，也可以将保存的单击坐标重新放置到同一位置？

Question

我将点击坐标存储在我的数据库中，然后稍后重新加载它们，并在发生点击的站点上显示它们，如何确保它加载在同一位置？存储单击坐标显然是简单的步骤，但是一旦用户返回并且他们的窗口较小或较大时，一旦有了它们，坐标是错误的。我是否要以错误的方式处理此问题，是否还应该存储元素ID / DOM引用或类似性质的内容？同样，此脚本将在具有多个布局的许多不同网站上运行。在布局与坐标存储方式无关的情况下，有没有办法做到这一点？

Answer 1

我更喜欢不使用id选择器，而只是递归地使用。

function getPathTo(element) {

    if (element.tagName == 'HTML')

        return '/HTML[1]';

    if (element===document.body)

        return '/HTML[1]/BODY[1]';

    var ix= 0;

    var siblings= element.parentNode.childNodes;

    for (var i= 0; i<siblings.length; i++) {

        var sibling= siblings[i];

        if (sibling===element)

            return getPathTo(element.parentNode)+'/'+element.tagName+'['+(ix+1)+']';

        if (sibling.nodeType===1 && sibling.tagName===element.tagName)

            ix++;

    }

}