尽管许多浏览器都内置了$x(xPath)作为控制台，但以下是《JavaScript中使用xPath的入门》中一些有用但硬编码的代码片段的聚合，可以在脚本中使用:

快照

这给出了xpath结果集的一次性快照。DOM突变后，数据可能会过时。

Const $x = xp => { Const快照= document.evaluate( Xp，文档，null， XPathResult。ORDERED_NODE_SNAPSHOT_TYPE,零 ）; 返回数组(snapshot.snapshotLength)[…] .map((_， i) => snapshot.snapshotItem(i)) ； }; console.log ($ x (' / / h2(包含(。、“foo”)])); < h2 > foo < / h2 > < h2 > foobar < / h2 > 酒吧< h2 > < / h2 >

一阶节点

const $xOne = xp => document.evaluate ( Xp，文档，null， XPathResult。FIRST_ORDERED_NODE_TYPE,零 ) .singleNodeValue ； console.log ($ xOne (' / / h2(包含(。、“foo”)])); < h2 > foo < / h2 > < h2 > foobar < / h2 > 酒吧< h2 > < / h2 >

迭代器

但是请注意，如果文档在迭代之间发生突变(文档树被修改)，将使迭代失效，XPathResult的invalidIteratorState属性被设置为true，并且抛出NS_ERROR_DOM_INVALID_STATE_ERR异常。

函数*$xIter(xp) { 常量iter = document.evaluate( Xp，文档，null， XPathResult。ORDERED_NODE_ITERATOR_TYPE,零 ); For (;;) { const node = iter.iterateNext(); If (!node) { 打破; ｝ 收益率节点; ｝ ｝ //转储到数组 console.log([…——xit美元(' / / h2(包含(。“foo”))))); //从生成器返回下一个项目 const xpGen = $xIter('//h2[text()="foo"]'); console.log (xpGen.next () value); < h2 > foo < / h2 > < h2 > foobar < / h2 > 酒吧< h2 > < / h2 >

public class JSElementLocator {

    @Test
    public void locateElement() throws InterruptedException{
        WebDriver driver = WebDriverProducerFactory.getWebDriver("firefox");

        driver.get("https://www.google.co.in/");


        WebElement searchbox = null;

        Thread.sleep(1000);
        searchbox = (WebElement) (((JavascriptExecutor) driver).executeScript("return document.getElementById('lst-ib');", searchbox));
        searchbox.sendKeys("hello");
    }
}

确保您使用了正确的定位器。

为了直奔主题，您可以轻松地使用xapth。使用下面的代码来实现这一点的准确而简单的方法。请尝试提供反馈。谢谢。

JavascriptExecutor js = (JavascriptExecutor) driver;

    //To click an element 
    WebElement element=driver.findElement(By.xpath(Xpath));
    js.executeScript(("arguments[0].click();", element);

    //To gettext

    String theTextIWant = (String) js.executeScript("return arguments[0].value;",driver.findElement(By.xpath("//input[@id='display-name']")));

进一步阅读- https://medium.com/@smeesheady/webdriver-javascriptexecutor-interact-with-elements-and-open-and-handle-multiple-tabs-and-get-url-dcfda49bfa0f

在Chrome开发工具中，您可以运行以下命令:

$x("some xpath")

你可以使用javascript的文档。求值在DOM上运行XPath表达式。我认为它在IE 6的浏览器中以某种方式得到了支持。

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate

IE支持selectNodes。

MSDN: https://msdn.microsoft.com/en-us/library/ms754523 (v = vs.85) . aspx

对于像chrome命令行api中的$x(选择多个元素)尝试:

var xpath = function(xpathToExecute){
  var result = [];
  var nodesSnapshot = document.evaluate(xpathToExecute, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );
  for ( var i=0 ; i < nodesSnapshot.snapshotLength; i++ ){
    result.push( nodesSnapshot.snapshotItem(i) );
  }
  return result;
}

MDN概述有帮助:https://developer.mozilla.org/en-US/docs/Introduction_to_using_XPath_in_JavaScript