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>

Why not text()?

• Using contains(text( ), 'Text') は、テキストが子ノードにある場合など、特定のシナリオでは予期した結果を返さない場合があります。
• contains(., 'Text') を使用すると、子ノードを含む要素のコンテンツ全体が検査されます。 、より正確な結果が得られます。

以上がPuppeteer はテキストの内容に基づいて要素をクリックできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。