2009-09-28 39 views
3

的完整DOM節點路徑我需要搜索的HTML文檔<p class="content"> text here </p>我需要元件

,然後輸出完整的節點路徑(CSS或XPATH)

爲isntance

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

我嘗試使用nokogiri,但它不處理類和其他屬性..

我需要一個解析器,這樣做沒有問題。

回答

7

好試試這個:

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(" > ")); 
+0

怎麼樣,如果該元素可是沒有一個ID。 (我沒有寫頁面,我得到處理它後渲染)? – rcphq 2011-01-03 20:19:54

+0

使用任何方法來獲得對該元素的引用 - 「getElementByTagName」或jQuery或其他。 – nickf 2011-01-03 23:57:15