Is there a way to get element by XPath using JavaScript in Selenium WebDriver?

by

You can use document.evaluate:

Evaluates an XPath expression string and returns a result of the
specified type if possible.

It is w3-standardized and whole documented: https://developer.mozilla.org/en-US/docs/Web/API/Document.evaluate

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

console.log( getElementByXpath("//html[1]/body[1]/div[1]") );
<div>foo</div>

https://gist.github.com/yckart/6351935

There’s also a great introduction on mozilla developer network: https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript#document.evaluate

Alternative version, using XPathEvaluator:

function getElementByXPath(xpath) {
  return new XPathEvaluator()
    .createExpression(xpath)
    .evaluate(document, XPathResult.FIRST_ORDERED_NODE_TYPE)
    .singleNodeValue
}

console.log( getElementByXPath("//html[1]/body[1]/div[1]") );
<div>foo/bar</div>

More Related Contents:

  1. Ways to deal with #document under iframe
  2. org.openqa.selenium.ElementNotInteractableException: Element is not reachable by keyboard: while sending text to FirstName field in Facebook
  3. WebDriver click() vs JavaScript click()
  4. Execute JavaScript using Selenium WebDriver in C#
  5. Getting the return value of Javascript code in Selenium
  6. Element not visible error (not able to click an element)
  7. Unable to sign into google with selenium automation because of “This browser or app may not be secure.”
  8. Selenium Datepicker using JavascriptExecutor
  9. Scrolling to top of the page in Python using Selenium
  10. In protractor, browser.isElementPresent vs element.isPresent vs element.isElementPresent
  11. Understanding execute async script in Selenium
  12. Set value of input instead of sendKeys() – Selenium WebDriver nodejs
  13. Custom browser actions in Protractor
  14. Take elements while a condition evaluates to true (extending ElementArrayFinder)
  15. What does arguments[0] and arguments[1] mean when using executeScript method from JavascriptExecutor interface through Selenium WebDriver?
  16. Accessing elements in the shadow DOM
  17. An error has occured in ‘site url’: Uncaught TypeError: Cannot read property ‘getColomnSet’ of undefined with Selenium and Python
  18. What is JavaScriptExecutor in Selenium?
  19. Reading JavaScript variables using Selenium WebDriver
  20. scrollIntoView vs moveToElement
  21. Opening a new tab using Ctrl + click combination in Selenium Webdriver
  22. Disable images in Selenium Python
  23. Using cross-platform keyboard shortcuts in end-to-end testing
  24. Official locator strategies for the webdriver
  25. Can a website detect when you are using Selenium with chromedriver?
  26. Protractor e2e test case for downloading pdf file
  27. ElementClickInterceptedException: Message: element click intercepted Element is not clickable error clicking a radio button using Selenium and Python
  28. Selenium WebDriver wait till element is displayed
  29. Selenium xpath selector based on the element text
  30. Protractor: Scroll down

Leave a Comment