我需要元素的完整 dom 节点路径

【问题标题】：i need the full dom node path of element我需要元素的完整 dom 节点路径
【发布时间】：2010-12-01 21:01:10
【问题描述】：

我需要在 html 文档中搜索<p class="content"> text here </p>

然后输出完整的节点路径（CSS或XPATH）

作为例子

html > body > div class ="something" > table > tr > p class="content"

我尝试使用 nokogiri，但它不能很好地处理类和其他属性..

我需要一个没有问题的解析器。

【问题讨论】：

标签： dom

【解决方案1】：

好的，试试这个：

var path = [];

var el = document.getElementById('myNode');

do {
    path.unshift(el.nodeName + (el.className ? ' class="' + el.className + '"' : ''));
} while ((el.nodeName.toLowerCase() != 'html') && (el = el.parentNode));

alert(path.join(" > "));

【讨论】：

如果元素没有id怎么办。（我没有写页面，渲染后我会处理它）？
使用任何方法来获取对该元素的引用 - getElementByTagName，或 jQuery 或其他。