首頁 > web前端 > js教程 > 如何使用 Puppeteer 和 XPath 根據文字內容點擊元素?

如何使用 Puppeteer 和 XPath 根據文字內容點擊元素?

Susan Sarandon
發布: 2024-10-28 16:30:02
原創
954 人瀏覽過

How to Click Elements Based on Text Content Using Puppeteer and XPath?

使用 Puppeteer 依文字點選元素

在 Puppeteer 中,可以使用 XPath 表達式來依照文字內容點選特定元素。

如何點選帶有文字的元素

要點選具有特定文字的元素,請使用以下XPath 表達式:

const [element] = await page.$x("//element[contains(., 'text')]");
await element.click();
登入後複製

取代「元素" 帶有適當的標籤名稱(例如,「button」或「a」),「text」帶有所需的子字串來匹配。例如:

//button[contains(., 'Button text')]
登入後複製

注意事項

  • 確保元素包含準確的文字字串。
  • 如果元素嵌套在對於特定容器,請使用附加的“/”來選擇所需的祖先元素。例如,要點選div 內的按鈕:
//div[@class='container']/button[contains(., 'Button text')]
登入後複製

XPath 與Text()

XPath 表達式包含(., ' Text')使用元素的子節點來匹配指定的文字。相反, contains(text(), 'Text') 僅考慮元素的文字內容。

範例

給定以下 HTML:

<div class="elements">
    <button>Button text</button>
    <a href="#">Href text</a>
    <div>Div text</div>
</div>
登入後複製

要點選按鈕,請使用:

const [button] = await page.$x("//div[@class='elements']/button[contains(., 'Button text')]");
await button.click();
登入後複製

以上是如何使用 Puppeteer 和 XPath 根據文字內容點擊元素?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板