如何識別具有多個 CSS 類別的 Web 元素？

識別具有多個CSS 類別的Web 元素

您在使用@FindBy 識別具有多個CSS 類別的Web 元素時遇到問題註解。您的程式碼範例示範了 className = "value test" 的使用，這沒有考慮 CSS 類別名稱可以用空格分隔的事實。

XPath 配對策略

考慮使用 XPath 定位所需的元素。 XPath 允許您根據特定條件（包括類別名稱）來匹配元素。以下是一些需要考慮的 XPath 配對策略：

• 精確比對：

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

此 XPath表達式可確保精確匹配，並且只會在指定的位置中尋找同時具有「value」和「test」類別的元素order.

• 類別包含：

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

此表達式匹配同時包含“ value」與「test」類別的元素，不論

• 個人班匹配：

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

此表達式確保元素同時具有「 value」和「test」類，但它不會強制執行特定的順序。

CSS 選擇器作為替代

除了 XPath 之外，CSS 選擇器也可以用來定位基於多個類別名稱的元素。考慮以下 CSS選擇器表達式：

• 精確比對：

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

• 類子字串：

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

• 個人班級配對：

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

結論結論

結論

以上是如何識別具有多個 CSS 類別的 Web 元素？的詳細內容。更多資訊請關注PHP中文網其他相關文章！