使用javascript的相对xpath到绝对xpath

Question

在给定 dom 节点的相对路径的情况下，是否可以使用 javascript 获取绝对 xpath？

我发现的最接近的是获取节点的 xpath：Get Xpath from the org.w3c.dom.Node

此外，我获得了没有唯一标识符的节点的相对 xpath。任何想法如何解决这个问题？

例如，对于：

 <p>DUKE SOLINUS</p>
 <div>
 <p>AEGEON</p> 
 </div>

对于选定的单词“DUKE”和“AEGEON”，我分别得到xpaths“/p[1]”和“/div[1]/p[1]”，当它们传递给document.evaluate函数时两者都评估为同一节点“DUKE SOLINUS”。所以，我只有这些相对的 xpath，没有节点。我想要的是评估这些相对 xpath 以纠正节点，即本例中的两个不同节点（DUKE SOLINUS 和 AEGEON）。

更具体地说，xpaths 取自 json 注释对象：http://docs.annotatorjs.org/en/v1.2.x/annotation-format.html

任何帮助将不胜感激！ 非常感谢！

Answer 1

这个函数会找到一个给定节点的cardinal绝对xpath。如果任何节点的顺序发生变化，或者节点被添加或删除，那么这将不起作用。但是对于静态内容应该没问题。

function getXpathOfNode(domNode,bits) {
  // uses cardinality.  Will not work if any nodes are added/moved/removed in the DOM.  Fine for static stuff.
  bits = bits ? bits : [];
  var c = 0;
  var b = domNode.nodeName;
  var p = domNode.parentNode;

  if (p) {
    var els = p.getElementsByTagName(b);
    if (els.length >  1) {
      while (els[c] !== domNode) c++;
      b += "[" + (c+1) + "]";
    }
    bits.push(b);
    return getXpathOfNode(p, bits);
  }
  
  //bits.push(b);  // this is #document.  Probably dont need it.
  return bits.reverse().join("/");
}
// testing
var xp = getXpathOfNode(document.getElementById("pickme"));
var r = document.getElementById("result");
r.innerHTML = "the xpath is " + xp + "<br>";
var result =  document.evaluate(xp, document, null, XPathResult.ANY_TYPE, null);
r.innerHTML += "the chosen node contains - " + result.iterateNext().innerHTML;

<div>
<div>junk</div>
<span>irrelevant</span>
<div>pointless
<div>
<div id="pickme">this is the test node</div><span>don't read this</span></div>
<br><br>
<div id="result"></div>
</div>