Heim > Web-Frontend > js-Tutorial > Wie klicke ich mit Puppeteer auf Elemente mit bestimmtem Text?

Wie klicke ich mit Puppeteer auf Elemente mit bestimmtem Text?

DDD
Freigeben: 2024-10-30 01:23:02
Original
377 Leute haben es durchsucht

How to Click Elements with Specific Text Using Puppeteer?

Klicken Sie mit Puppeteer auf Elemente mit Text

Diese Frage untersucht eine Lösung für das Klicken auf Elemente, die bestimmten Text in Puppeteer enthalten. Obwohl die API hierfür keine explizite Methode bereitstellt, können verschiedene Ansätze verwendet werden.

XPath-Ausdruckslösung

Eine robuste Methode ist die Verwendung von XPath-Ausdrücken. Um beispielsweise eine Schaltfläche mit dem Text „Schaltflächentext“ innerhalb eines Divs mit der Klasse „Elemente“ auszuwählen, verwenden Sie diesen Ausdruck:

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

Erklärung

Verwenden der Funktion „text()“ „Knoten in XPath kann aufgrund seiner Einschränkungen bei der Verarbeitung mehrerer Texte problematisch sein. Stattdessen sucht der Ausdruck „contains(“ mit „.“ als zweitem Argument nach Text innerhalb des Elements selbst und seiner untergeordneten Elemente. Dadurch wird sichergestellt, dass im bereitgestellten Beispiel sowohl „Start“ als auch „End“ gefunden werden.

Das obige ist der detaillierte Inhalt vonWie klicke ich mit Puppeteer auf Elemente mit bestimmtem Text?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage