不支持复合类名。考虑搜索一个类名并过滤结果

Question

我正在使用 driver.findelement by.classname 方法读取 Firefox 浏览器上的元素，但我收到“不支持复合类名。考虑搜索一个类名并过滤结果。”异常

这是我的代码

driver.FindElement(By.ClassName("bighead crb")).Text.Trim().ToString()

//and here is how the html of browser looks like

<form action="#" id="aspnetForm" onsubmit="return false;">
    <section id="lx-home" style="margin-bottom:50px;">
  <div class="bigbanner">
    <div class="splash mc">
      <div class="bighead crb">LEAD DELIVERY MADE EASY</div>
    </div>
  </div>
 </section>
</form>

Answer 1

不，就您的问题而言，您自己的答案并不是最好的。

想象一下你有这样的 HTML：

<div class="bighead ght">LEAD DELIVERY MADE HARD</div>
<div class="bighead crb">LEAD DELIVERY MADE EASY</div>

driver.FindElement(By.ClassName("bighead")) 将找到两者并返回第一个 div，而不是您想要的。您真正想要的是 driver.FindElement(By.ClassName("bighead crb")) 之类的东西，但就像您在问题中所说的那样，这不起作用，因为您需要另一种方法来通过复合类名称查找元素。

这就是为什么大多数人使用更强大的By.CssSelector 或By.XPath。那么你有：

CssSelector（最好的）：

driver.FindElement(By.CssSelector(".bighead.crb")); // flexible, match "bighead small crb", "bighead crb", "crb bighead", etc.
driver.FindElement(By.CssSelector("[class*='bighead crb']")); // order matters, match class contains  "bighead crb"
driver.FindElement(By.CssSelector("[class='bighead crb']")); // match "bighead crb" strictly

XPath（更好）：

driver.FindElement(By.XPath(".//*[contains(@class, 'bighead') and contains(@class, 'crb')]")); // flexible, match "bighead small crb", "bighead crb", "crb bighead", etc.
driver.FindElement(By.XPath(".//*[contains(@class, 'bighead crb')]")); // order matters, match class contains string "bighead crb" only
driver.FindElement(By.XPath(".//*[@class='bighead crb']")); // match class with string "bighead crb" strictly

Answer 2

想通了这个问题，你必须搜索：

driver.FindElement(By.ClassName("bighead")).Text.Trim().ToString(); //instead of 
driver.FindElement(By.ClassName("bighead crb")).Text.Trim().ToString();

html 类中的任何空格都代表一个新的类名，所以只需按第一个单词搜索。