Элемент/объект XPath не определен при использовании document.evaluate

Question

Как исправить обычный код JavaScript, чтобы он не сказал «undefined» и отображает значение поля ввода? Код jQuery отлично работает и корректно отображает значение поля ввода на той же странице.

Regular 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); 
} 
​