xpath - 在javascript中获取元素的xpath

Question

我正在用 javascript 开发，我需要点击元素的 xpath。我知道为了获得 id 我们可以这样做：

element.onclick = function(event)
{
    var target_id = event.target.id;
}

我该怎么做才能获得 xpath ？

问候。

Answer 1

有很多方法可以使用 XPath 访问元素。例如，您可以通过节点名称或其中一个属性或子节点的值来访问它。所以你不能指望 javascript 正好给你其中之一。

但是，当您拥有 id 时，访问该元素的最简单的 xpath 查询将是：

//*[@id="THE_ID"]

Answer 2

这里：

function getXPath(node){
    if(node.hasAttribute("id")){
        return '//' + node.tagName + '[@id="' + node.id + '"]';
    }

    if(node.hasAttribute("class")){
        return '//' + node.tagName + '[@class="' + node.getAttribute("class") + '"]';
    }

    var old = '/' + node.tagName;
    var new_path = this.xpath(node.parentNode) + old;

    return new_path;
}