Le marionnettiste peut-il cliquer sur des éléments en fonction de leur contenu textuel ?

Cliquer sur des éléments avec du texte dans Puppeteer

Question :
Puppeteer peut-il cliquer sur des éléments en fonction de leur contenu textuel, même s'il y a pas d'identifiant unique ?

Réponse courte :
Oui, vous pouvez cliquer sur des éléments contenant du texte spécifique à l'aide d'expressions XPath.

Explication :
XPath fournit un moyen d'interroger des éléments en fonction de divers critères, notamment leur contenu textuel. Voici comment l'utiliser dans Puppeteer :

<code class="js">const [button] = await page.$x("//button[contains(., 'Button text')]");
if (button) {
    await button.click();
}</code>

Cette expression sélectionne le premier élément de bouton de la page qui contient le texte "Texte du bouton".

Pour garantir également que le bouton se trouve dans le élément avec la classe "elements", ajoutez ce qui suit à l'expression XPath :

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

Pourquoi pas text() ?

• Utilisation de contain(text( ), 'Text') peut ne pas renvoyer les résultats attendus dans certains scénarios, par exemple lorsque le texte se trouve dans des nœuds enfants.
• L'utilisation de contain(., 'Text') examine l'intégralité du contenu de l'élément, y compris les nœuds enfants. , fournissant des résultats plus précis.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!