Javascript 如何从xml获取XPath

我想在HTML页面中填充XML，并在单击XML节点/HTML元素时生成xpath。假设我有下面的xml

<bookstore>
  <book category="web">
   <title lang="en">XQuery Kick Start</title>
   <author>Kurt Cagle</author>
   <year>2003</year>
   <price>49.99</price>
  </book>
</bookstore>

XQuery启动
库尔特·卡格尔
2003
49.99

---

现在我想在HTML页面中填充这个xml，当用户单击

我想返回'/bookstore'，单击

应该返回'/bookstore/book'，然后单击

应该返回'/bookstore/book/title'。我想使用javascript、jquery或angular2实现这一点。我可以通过在HTML页面中硬编码上述xml来实现这一点，但实际的xml非常庞大，因此尝试寻找其他方法来动态填充并实现这一要求。

使用XSLT可能是一个开始-请看，Chrome中删除了对AFAIK xml的支持。您需要一些第三方XML库来为您进行XML/XSLT解析和处理。这不仅仅是显示，主要的是在单击特定节点时获取Xpath。如果我们显示为.xsl/xml，它将显示为单个字符串，因此我无法捕获用户单击哪个节点。显示也可以通过在标记中附加xml来实现，但在这里它也显示为单个字符串。