使用document.evaluate時XPath元素/對象未定義

Question

如何修復常規JavaScript代碼，使其不顯示「未定義」並顯示輸入字段的值？ jQuery代碼工作正常，並在同一頁面上正確顯示輸入字段值。

常規JavaScript：

var obj = document.evaluate('//html/body/form/div[4]/label/input',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null); 

alert(obj.value); 

的JQuery 1.7.1代碼：

var obj = $('html > body > form > div:nth-child(4) > label > input'); 

alert(obj.value); 

Answer 1

document.evaluate()返回XPathResult。您可以像這樣檢索元素：

var obj = document.evaluate('//html/body/form/div[4]/label/input', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 

if(obj != null) { 
    alert(obj.value); 
} 
​