使用文本定位元素

Question

在以下HTML中，我需要能夠使用“選擇產品”中的文本選擇元素。

<div style="font-family: franklin-gothic-urw; font-weight: 400; font-style: normal; font-size: 19px; opacity: 1; color: rgb(255, 255, 255);">SELECT&nbsp;PRODUCT</div>

所有資源使我想到了這樣的東西：

driver.findElement(By.cssSelector("div[textContent='SELECT PRODUCT'])

這不起作用。 我已經嘗試了其他各種xpaths和cssSelector，但似乎無法找到它來定位元素。

通過它的絕對路徑來定位元素是可行的，但是它很脆弱，我們不想這樣定位它：

html/body/div[3]/div[1]/div/div[3]/div/div/div/div/div[1]/div/div/div/div/div[2]/div[2]/div/div/div/div/div[2]/div

同樣，按樣式選擇也不起作用，因為頁面上有多個具有相同格式的元素。

我已經嘗試了很長時間了。 通過文本定位元素的正確方法是什么？

Answer 1

通過XPath找到元素：

driver.findElement(By.xpath("//div[. = 'SELECT PRODUCT']"));

或者，作為解決 的變通辦法 在文字里面 ：

driver.findElement(By.xpath("//div[starts-with(., 'SELECT') and contains(., 'PRODUCT')]"));