Java Selenium 获取 div 元素 InvalidSelectorException答案

【问题标题】：Java Selenium get div element InvalidSelectorExceptionJava Selenium 获取 div 元素 InvalidSelectorException
【发布时间】：2023-02-06 01:05:52
【问题描述】：

我正在尝试获取包含在 html 网站上的 div。这个 div 本身是可点击的。为此，我在 Java 中使用了 Selenium。我正在使用 Chrome 网络驱动程序。

我尝试了什么：

WebElement btn = driver.findElement(By.className(
            "flex h-10 w-10 items-center justify-center rounded-full border-4 border-white font-SFProBold text-base sm:h-16 sm:w-16 sm:text-xl"));

和

WebElement btn = driver.findElement(By.cssSelector(
            "flex h-10 w-10 items-center justify-center rounded-full border-4 border-white font-SFProBold text-base sm:h-16 sm:w-16 sm:text-xl"));

第一个给我一个 InvalidSelectorException 那个 Compound class names are not permitted，而第二个给我一个 invalid selector: An invalid or illegal selector was specified 错误。

Html 代码看起来像这样：

<div class="fixed bottom-5 right-5 cursor-pointer text-white sm:right-10">
<div class="flex h-10 w-10 items-center justify-center rounded-full border-4 border-white font-SFProBold text-base sm:h-16 sm:w-16 sm:text-xl">Yes</div>
</div>

我不确定类名是一个类还是 flex、h-10、w-10 是多个类。

【问题讨论】：

标签： java html selenium selenium-webdriver webdriver

【解决方案1】：

您向 By.className() 和 By.cssSelector() 方法提供了不正确的信息。

如果要选择具有多个类的元素，请使用以下内容：

XPATH

driver.findElement(By.xpath("//div[contains(@class, 'flex h-10 w-10 items-center justify-center rounded-full border-4 border-white font-SFProBold text-base sm:h-16 sm:w-16 sm:text-xl')]"));

CSS 选择器

driver.findElement(By.cssSelector("div[class*='flex h-10 w-10 items-center justify-center rounded-full border-4 border-white font-SFProBold text-base sm:h-16 sm:w-16 sm:text-xl']"));

driver.findElement(By.cssSelector("div.flex.h-10.w-10.items-center.justify-center.rounded-full.border-4.border-white.font-SFProBold.text-base.sm:h-16.sm:w-16.sm:text-xl"));

【讨论】：