Có cách nào để lấy phần tử bằng XPath bằng JavaScript trong Selenium WebDriver không?

Tôi đang tìm kiếm một cái gì đó như:

getElementByXpath(//html[1]/body[1]/div[1]).innerHTML

Tôi cần lấy phần bên trong của các phần tử bằng cách sử dụng JS (để sử dụng phần tử đó trong Selenium WebDriver / Java, vì WebDriver không thể tự tìm thấy nó), nhưng làm thế nào?

Tôi có thể sử dụng thuộc tính ID, nhưng không phải tất cả các yếu tố đều có thuộc tính ID.

[ĐÃ SỬA]

Tôi đang sử dụng jsoup để hoàn thành nó trong Java. Điều đó làm việc cho nhu cầu của tôi.

Bạn có thể sử dụng document.evaluate:

Đánh giá một chuỗi biểu thức XPath và trả về kết quả của loại đã chỉ định nếu có thể.

Nó được chuẩn hóa w3 và toàn bộ tài liệu: https://developer.mozilla.org/en-US/docs/Web/API/Document.evalu

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

Ngoài ra còn có một giới thiệu tuyệt vời trên mạng của nhà phát triển mozilla: https://developer.mozilla.org/en-US/docs/Int sinhtion_to_USE_XPath_in_JavaScript#document.evalu

Phiên bản thay thế, sử dụng 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>

Trong Chrome Dev Tools, bạn có thể chạy như sau:

$x("some xpath")

Đối với một cái gì đó như $ x từ api dòng lệnh chrome (để chọn nhiều phần tử), hãy thử:

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;
}

Tổng quan về MDN này đã giúp: https://developer.mozilla.org/en-US/docs/Int sinhtion_to_USE_XPath_in_JavaScript

Bạn có thể sử dụng tài liệu của javascript.evalu để chạy biểu thức XPath trên DOM. Tôi nghĩ rằng nó được hỗ trợ theo cách này hay cách khác trong các trình duyệt trở lại IE 6.

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

IE hỗ trợ selectNodes thay thế.

MSDN: https://msdn.microsoft.com/en-us/l Library / ms754523 (v = vs85) .aspx

Giả sử mục tiêu của bạn là phát triển và kiểm tra các truy vấn xpath của bạn cho bản đồ màn hình. Sau đó, sử dụng các công cụ dành cho nhà phát triển của Chrome . Điều này cho phép bạn chạy truy vấn xpath để hiển thị các kết quả khớp. Hoặc trong Firefox> 9, bạn có thể làm điều tương tự với bảng điều khiển Công cụ dành cho nhà phát triển web . Trong phiên bản trước, sử dụng x-path-finder hoặc Fireorms .

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");
    }
}

Hãy chắc chắn rằng bạn đang sử dụng đúng công cụ định vị cho nó.

**Different way to Find Element:**

IEDriver.findElement(By.id("id"));
IEDriver.findElement(By.linkText("linkText"));
IEDriver.findElement(By.xpath("xpath"));

IEDriver.findElement(By.xpath(".//*[@id='id']"));
IEDriver.findElement(By.xpath("//button[contains(.,'button name')]"));
IEDriver.findElement(By.xpath("//a[contains(.,'text name')]"));
IEDriver.findElement(By.xpath("//label[contains(.,'label name')]"));

IEDriver.findElement(By.xpath("//*[contains(text(), 'your text')]");

Check Case Sensitive:
IEDriver.findElement(By.xpath("//*[contains(lower-case(text()),'your text')]");

For exact match: 
IEDriver.findElement(By.xpath("//button[text()='your text']");

**Find NG-Element:**

Xpath == //td[contains(@ng-show,'childsegment.AddLocation')]
CssSelector == .sprite.icon-cancel

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

System.setProperty("webdriver.chrome.driver", "path of your chrome exe");
        WebDriver driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get("https://www.google.com");

            driver.findElement(By.xpath(".//*[@id='UserName']")).clear();
            driver.findElement(By.xpath(".//*[@id='UserName']")).sendKeys(Email);

Để hướng đến điểm, bạn có thể dễ dàng sử dụng xapth. Cách chính xác và đơn giản để thực hiện việc này bằng mã dưới đây. Vui lòng thử và cung cấp thông tin phản hồi. Cảm ơn bạn.

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']")));

Bài đọc thêm - https://medium.com/@smeesheady/webdo-javascriptexecutor-interact-with-elements-and-open-and-handle-multipl-tabs-and-get-url-dcfda49bfa0f