Puppeteer 可以根據文字內容點擊元素嗎？

在Puppeteer 中點擊帶有文字的元素

問題：
Puppeteer 是否可以根據文字內容點擊元素，即使有沒有唯一識別符？

簡短回答：
是的，您可以使用 XPath 表達式點擊包含特定文字的元素。

說明：
XPath 提供了一種根據各種條件（包括其文字內容）查詢元素的方法。以下是如何在 Puppeteer 中使用它：

<code class="js">const [button] = await page.$x("//button[contains(., 'Button text')]");
if (button) {
    await button.click();
}</code>

此表達式選擇頁面中包含文字「按鈕文字」的第一個按鈕元素。

同時確保按鈕位於類別為「elements」的元素，將以下內容加入 XPath 表達式：

<code class="js">const [button] = await page.$x("//div[@class='elements']/button[contains(., 'Button text')]");</code>

為什麼不使用 text()？

• 使用 contains(text( ), 'Text') 在某些情況下可能無法傳回預期結果，例如當文字位於子節點中時。
• 使用 contains(., 'Text') 檢查元素的整個內容，包括子節點，提供更準確的結果。

以上是Puppeteer 可以根據文字內容點擊元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！