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 の " ノードは、複数のテキストの処理に制限があるため、問題が発生する可能性があります。代わりに、2 番目の引数として「.」を指定した「contains(」式は、要素自体とその子の内部のテキストを検索します。これにより、提供された例では「Start」と「End」の両方が確実に見つかります。

以上がPuppeteer を使用して特定のテキストを持つ要素をクリックする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。