如何获得从一个元素到另一个元素的遍历DOM路径（使用Firebug）？

例如，我有以下结构：

<div id="items">
  <div class="item">
    <span class="date">5 Feb 2016</span>
    <span class="title">
      <a href="http://example.com">Title 1</a>
    </span>
  </div>
</div>

或

当我在Firebug的命令行中写入时：

document.getElementById('items');

我可以看到元素，右键单击它，然后选择Inspect in DOM Panel在那里查看它。然后，我可以通过展开属性

childNodes

或

firstChild

+

nextSibling

来找到此路径

当我在DOM面板中找到我的元素（

a

，在我的示例中）时，我右键单击它并从菜单中选择复制路径以获得上面提到的路径

我的问题是，有没有办法简化这些步骤

• JavaScript代码
• Firefox或Firebug插件
• 从DOM面板中删除其他属性（不包括

  子节点

  、

  属性

  、

  节点值

  等）
• 其他解决方案（Firefox之外）

---

Firebug有一个获取DOM路径的函数。此函数的作用是向上移动DOM树，并将每个项添加到一个数组中，该数组在末尾连接到一个字符串。

1。我没有找到它。2.正如我所理解的，这个函数的结果和我通过复制路径得到的结果是一样的。我知道，如何获取副本，我需要简化我的操作。请注意，我将上面的函数链接到Firebug代码。你应该在你的问题中记下你到目前为止尝试了什么。

childNodes[0].childNodes[1].childNodes[0]

document.getElementById('items');