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의 " 노드는 여러 텍스트를 처리하는 데 한계가 있기 때문에 문제가 될 수 있습니다. 대신 "."를 두 번째 인수로 사용하는 "contains(" 표현식은 요소 자체와 해당 하위 요소 내에서 텍스트를 검색합니다. 이렇게 하면 제공된 예에서 "Start"와 "End"가 모두 발견됩니다.

위 내용은 Puppeteer를 사용하여 특정 텍스트가 있는 요소를 클릭하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!