Is there a way to get element by Xpath including hidden items in Javascript?

Question

I need to get DOM element by xpath. I got the answer from this link Is there a way to get element by XPath using JavaScript in Selenium WebDriver?. This function is not returning the exact results in the case when the element is hiddden(display:none).

In the example, I am trying out to get the first div content, But it is showing second div element it is taking hidden elements in to the count. I need to take hidden elements also in the count. Need help regarding this.

So then use a [jQuery selector](http://api.jquery.com/category/selectors/) - `$('body > div:not(:hidden):first');` Or `$('body > div:visible:first');` is probably a bit better perfomance wise... [Fiddle](http://jsfiddle.net/q14sjcfo/1/) — prodigitalson, Feb 20 '15 at 13:46

score 1 · Answer 1 · answered Feb 20 '15 at 14:27

I am having your snippet here and modified it slightly.

For me it works, it accesses the content even of the hidden node and adds this to the result page. (Firefox 35.0 Browser / Debian)

Were you by chance misinterpreting the displayed HTML result as log output?

function getElementByXpath (path) {
  return document.evaluate(path, document, null,
    XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
}

document.write("<br/>1: [" + 
  getElementByXpath("//html/body/div[1]").innerHTML + "]");
document.write("<br/>2: [" + 
  getElementByXpath("//html/body/div[2]").innerHTML + "]");

<div style="display:none;">First Div</div>
<div>Second Div</div>

Is there a way to get element by Xpath including hidden items in Javascript?

1 Answers1