复合类名称不允许错误Webdriver

Question

我收到以下错误：

“不允许使用复合类名称”

在尝试访问web元素时，元素的类名称之间有空格。 Web元素的页面源如下所示。

driver.findElement(By.className("alert alert-success"));

<div class="alert alert-success" alert-dismissable"="" id="58417" style="display: none;">
   <button type="button" class="close hide-panel close-icon-58417" data-dismiss="alert" aria-hidden="true" style="display: inline-block;">×</button><span id="caret-58417" class="notification-caret caret-58417"></span>
   <div class="hide-panel close-icon-58417" id="58417" style="display: block;">
      <span class="glyphicon glyphicon-ok-sign"></span><strong>Success</strong> KeyLinks Updated Successfully
      <div class="notification-panel-body panel-body-58417">REST Invocation Success</div>
   </div>
</div>

我试图通过CSS路径找到元素，如下所示。但是这个元素无法搜索到。

driver.findElement(By.cssSelector(".alert alert-success"));

这是given in the Link的解决方法，但仍然没有成功。非常感谢您的帮助。

Answer 1

如果元素使用“By”有多个类，则可以访问该元素：

from selenium.webdriver.common.by import By
driver.findElement(By.cssSelector(".alert.alert-success"));

Answer 2

您可以使用

driver.findElement(By.className("alert-success"));

要么

driver.findElement(By.className("alert"));

现在，selenium不支持多个类名。如果您的类名包含空格，WebDriver会将其视为“复合选择器”。您可以使用cssSelector或id来选择webelement。

Answer 3

如果必须使用类名，您可以使用以下方法：

1）css选择器：

driver.findElement(By.cssSelector(".alert.alert-success");

2）使用xpath

driver.findElement(By.xpath("//div[@class='alert alert-success']"))

尝试避免使用xpath并使用css选择器。

Answer 4

问题是因为Class name的查找方式有效。

在你的代码类名称是class="alert alert-success"

如果类名有空格，您将收到上述错误。您可以通过使用Id，CSS，Xpath，正则表达式或任何其他元素查找器方法来解决问题。

您需要使用类名还是可以使用其他方法？如果您需要使用类名，请告诉我。

Answer 5

大多数时候任何元素的类名属性都有类名组。喜欢class ='alert alert-success另一个类名'

如果您正在使用css选择器，那么只需删除类名之间的空格并创建您的clas名称，如下所示：driver.findElement（By.cssSelector（“。alert.alert-success.another.class.name”）

。 =>代表班级

=> represent ID

用于CSS选择器。

Answer 6

它也可以使用类名完成，如：

driver.find_element_by_class_name("alert")

要么

driver.find_element_by_class_name("alert-success")

你可以从两个或多个以空格分隔的类名中选择任何一个类名，它可以正常工作。