我们将在URL上单击下面突出显示的SVG元素：https：//testkru.com/Elements/SVGelemnts。

有几种方法可以点击SVG元素，我们将在这篇文章中讨论它们，并讨论它们之间应该首选哪一种。

•  使用 WebElement Click() 
• 通过使用Action Click()

WebElement.click()

WebElement Click()方法是Selenium中点击各种元素的最常见方法之一。我们将使用它来点击SVG元素。

我们可以使用“//*[local-name()='text']”XPath找到上面突出显示的元素，然后使用click（）方法单击它。

		WebElement webElement = driver.findElement(By.xpath("//*[local-name()='text']"));
		webElement.click();

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
 
public class CodekruTest {
 
    public static void main(String[] args) {
 
        // pass the path of the chromedriver location in the second argument
        System.setProperty("webdriver.chrome.driver", "E:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();
 
        driver.get("https://testkru.com/Elements/SVGelemnts");
 
        // finding the SVG element
        WebElement webElement = driver.findElement(By.xpath("//*[local-name()='text']"));
 
        // clicking on SVG element
        webElement.click();
 
        System.out.println("Text after clicking: " + webElement.getText());
 
    }
 
}

产出-

Text after clicking: Clicked!

Actions.click()

单击SVG元素的另一种方法是使用Actions类提供的click（）方法。

// 查找 SVG element

WebElement webElement = driver.findElement(By.xpath("//*[local-name()='text']"));


// 点击 SVG element

Actions actions = new Actions(driver);

actions.moveToElement(webElement).click().build().perform();

产出-

Text after clicking: Clicked!

WebElement.click（）与Actions.click（），在SVG元素上单击哪个更好？

建议在点击SVG元素时使用Actions.click()而不是WebElement.click()，因为SVG元素可以具有非矩形形状，简单地点击元素边界框的中心可能并不总是会导致所需的行为。

Actions.click（）方法还提供了一种单击指定位置的方法。因此，点击具有复杂形状的元素变得很容易。