通过多个类名来查找div元素？

Question

<div class="value test" /> 我想确定那个网络元素.它只定义了这两个类.由于className不采用空格分隔值,因此无法执行以下操作.什么是替代品？

@FindBy(className = "value test")
@CacheLookup
private WebElement test;

Answer 1

我不认为巴拉克马诺斯的回答已经完全解释了它.

想象一下,我们的元素如下:

1. <div class="value test"></div>
2. <div class="value test "></div>
3. <div class="first value test last"></div>
4. <div class="test value"></div>

XPath如何匹配

• 只匹配1(完全匹配),barak的答案

  driver.findElement(By.xpath("//div[@class='value test']"));
  

• 匹配1,2和3(匹配类包含value test,类顺序事项)

  driver.findElement(By.xpath("//div[contains(@class, 'value test')]"));
  

• 匹配1,2,3和4(只要元素有类value和test)

  driver.findElement(By.xpath("//div[contains(@class, 'value') and contains(@class, 'test')]"));
  

此外,在这种情况下,Css Selector始终支持XPath(快速,简洁,原生).

• 比赛1

  driver.findElement(By.cssSelector("div[class='value test']"));
  

• 比赛1,2和3

  driver.findElement(By.cssSelector("div[class*='value test']"));
  

• 比赛1,2,3和4

  driver.findElement(By.cssSelector("div.value.test"));
  

Answer 2

试试这个:

test = driver.findElement(By.xpath("//div[@class='value test']"));

Answer 3

如果有人仍然想知道，我通过用点连接类名来实现这一点：

Python：

time_element = post.find_elements(By.CLASS_NAME, 'MUxGbd.wuQ4Ob.WZ8Tjf')[0].text