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

Question

我正在使用一个驱动程序。通过。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

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

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

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

Answer 2

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

假设您有这样的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，而不是您想要的。您真正想要的是＜code＞driver.FindElement（By.ClassName（“bighead crb”），但正如您在问题中所说，这不起作用，因为您需要另一种通过复合类名查找元素的方法。

这就是为什么大多数人使用更强大的“选择器”或“By.XPath”的原因。然后你有：

选择器（最佳）：

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