Bagaimana untuk Mengklik Elemen Berdasarkan Kandungan Teks Menggunakan Puppeteer dan XPath?

Mengklik Elemen mengikut Teks dengan Puppeteer

Dalam Puppeteer, mengklik pada elemen tertentu berdasarkan kandungan teksnya boleh dicapai menggunakan ungkapan XPath.

Cara Mengklik Elemen dengan Teks

Untuk mengklik pada elemen dengan teks tertentu, gunakan ungkapan XPath berikut:

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

Ganti "elemen " dengan nama teg yang sesuai (cth., "butang" atau "a") dan "teks" dengan subrentetan yang dikehendaki untuk dipadankan. Contohnya:

//button[contains(., 'Button text')]

Pertimbangan

• Pastikan elemen mengandungi rentetan teks yang tepat.
• Jika elemen itu bersarang dalam bekas tertentu, gunakan "/" tambahan untuk memilih unsur nenek moyang yang diingini. Contohnya, untuk mengklik butang di dalam div:

//div[@class='container']/button[contains(., 'Button text')]

XPath vs. Text()

Ekspresi XPath mengandungi(., ' Text') menggunakan nod anak elemen untuk memadankan teks yang ditentukan. Sebaliknya, mengandungi(teks(), 'Teks') hanya mempertimbangkan kandungan teks elemen.

Contoh

Diberikan HTML berikut:

<div class="elements">
    <button>Button text</button>
    <a href="#">Href text</a>
    <div>Div text</div>
</div>

Untuk klik pada butang, gunakan:

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

Atas ialah kandungan terperinci Bagaimana untuk Mengklik Elemen Berdasarkan Kandungan Teks Menggunakan Puppeteer dan XPath?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!