首页  >  文章  >  web前端  >  如何使用 Puppeteer 单击具有特定文本的元素?

如何使用 Puppeteer 单击具有特定文本的元素?

DDD
DDD原创
2024-10-30 01:23:02281浏览

How to Click Elements with Specific Text Using Puppeteer?

使用 Puppeteer 单击带有文本的元素

此问题探讨了在 Puppeteer 中单击包含特定文本的元素的解决方案。尽管 API 没有明确为此提供方法,但可以采用各种方法。

XPath 表达式解决方案

一个可靠的方法是使用 XPath 表达式。例如,要在类为“elements”的 div 中选择带有文本“Button text”的按钮,请使用以下表达式:

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

说明

使用“text()由于 XPath 中的节点在处理多个文本方面的限制,它可能会出现问题。相反,以“.”作为第二个参数的“contains(”表达式会搜索元素本身及其子元素内的文本。这可确保在提供的示例中找到“Start”和“End”。

以上是如何使用 Puppeteer 单击具有特定文本的元素?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn