如何基于textContent - Puppeteer从一组元素中单击一个元素
基于textContent - Puppeteer从一组元素中单击一个元素的方法如下：
- 首先，使用Puppeteer库来进行自动化操作。确保已经安装了Puppeteer库并导入它。
- 使用Puppeteer的
launch方法来启动一个浏览器实例，并创建一个新的页面。
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// 在这里执行后续操作
})();- 使用
page.goto方法导航到包含元素的页面。
await page.goto('https://example.com');- 使用
page.$$方法选择一组元素，并使用page.evaluate方法来获取元素的textContent。
const elements = await page.$$('selector');
const texts = await page.evaluate(el => el.textContent, elements[0]);- 根据需要的条件筛选出目标元素，并使用
element.click方法单击该元素。
const targetElement = elements.find(el => el.textContent === '目标元素的文本');
await targetElement.click();完整的代码示例：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
const elements = await page.$$('selector');
const targetElement = elements.find(el => el.textContent === '目标元素的文本');
await targetElement.click();
await browser.close();
})();这是基于textContent - Puppeteer从一组元素中单击一个元素的方法。Puppeteer是一个强大的工具，可用于自动化浏览器操作，适用于各种场景，如网页测试、爬虫等。腾讯云也提供了云计算相关的产品，如云服务器、云数据库等，可以根据具体需求选择适合的产品。更多关于腾讯云产品的信息，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我想使用puppeteer单击与给定文本匹配的选定元素。 下面的javascript代码在浏览器控制台中运行良好。document.querySelectorAll('a[role=menuitem]');
menuitems[i].textContent.cl
浏览 46提问于2020-09-26得票数 0
1回答
我想得到多个html元素与木偶从动态网站。如何获得所有元素？const puppeteer = require("puppeteer-core"); executablePathMuiTableRow-root.MuiTableRow-hover.css-1tq71ky"
浏览 14提问于2022-05-30得票数 -1
1回答
这是我第一次使用puppeteer，我需要一些帮助来抓取。我正在尝试从Array元素列表中获取数据；首先，我应该单击第一个元素，获取标题，返回，然后单击array中的第二个元素，获取标题，返回，等等。
浏览 1提问于2019-11-09得票数 1
1回答
下面是一个规范的摘录. selector => document.querySelector(selector).textContent在失败的2次中，对page.click的调用是单击错误的元素。我输出了点击事件中的坐
浏览 1提问于2018-04-27得票数 3
我使用Puppeteer编写了一个简短的抓取器，用于从页面中提取一些标题。虽然我可以抓取单个元素，就像一个单独的h2，但尝试抓取和返回一组项并不成功。主要是我试图确保我的查询选择器正常工作，我可以在我的Chrome dev工具中运行Array.from(document.querySelectorAll('div.landscape h3.title')).map(partner => partner.textContent)并获得我想要的数组
浏览 23提问于2019-06-16得票数 1
回答已采纳
3回答
背景：当有多个具有相同选择器的动态元素时，选择(page.click)并获得其中一个元素的textContent？(在我的示例中，有4个元素具有相同的选择器=data-test-foo4 4=“true”)const text = await page.evaluate( () => document.queryS
浏览 1提问于2018-09-07得票数 26
如何使用$x()在中使用？脚本超时。
浏览 4提问于2018-01-26得票数 16
回答已采纳
我正在尝试弄清楚如何在JS图库中获取元素，这些元素在被点击后加载图片。 我正在使用Viewer.js的一个演示作为示例。类为.viewer-move.viewer-transition的元素不在初始DOM中。单击图像后，元素可用，但如果我使用$eval，则字符串为空。如果我在Puppeteer浏览器中打开控制台并执行document.querySelector('.viewer-move.
浏览 116提问于2020-07-22得票数 1
回答已采纳
点击puppeteer中的某个元素后，如何等待网络空闲？const browser = await puppeteer.launch({headless: false});//Now I need wait network idle(Wait for the request complete)
await page.click('.to_cart')
浏览 2提问于2019-01-26得票数 13
如何循环遍历li标记在ul中的列表，以获得单击的li元素的textContent？){ console.log(items[i]);});
上面的尝试记录了列表中所有li元素的li，而我只想要单击元素的textContent。如何指定单击的元素？
浏览 3提问于2017-06-27得票数 1
回答已采纳
3回答
我正在尝试点击frame元素中的一个按钮。我知道我选择了正确的按钮，因为我可以打印它的textContent：button.click();const puppeteer = require( 'puppeteer' );
(
浏览 1提问于2021-05-14得票数 0
1回答
我正在努力学习如何使用木偶师。const scraperObject = { async scraper$$eval('.nav-list li > a',text => text.textContent) console.log(mytext);}/&#
浏览 1提问于2022-05-14得票数 0
所以我想点击网站上的一个按钮。这个按钮没有id，class，...所以我应该找到一种方法来点击上面有名字的按钮。在本例中，我应该单击名称"Supreme®/The North Face®Leather肩包“const puppeteer = require('puppeteer');
const browser = await puppeteer.la
浏览 1提问于2018-10-20得票数 4
回答已采纳
1回答
使用Node js进行Web抓取
、、、、
我已经写了一个运行良好的文件。我可以将它打印到控制台进行验证。我想将网页中的数据显示为HTML元素。const puppeteer = require('puppeteer'); const browser = await puppeteer.launchgatsby-focus-wrapper"]/div/div[4]/div/div[2]&
浏览 3提问于2020-08-14得票数 0
我在中使用了，我不知道为什么当对象不是空的时候，pageFunction会返回一个空对象。下面是一个代码示例： const browser = await puppeteer.launch$eval('#resultStats', elem => elem.textContent)
console.log('r
浏览 6提问于2017-10-19得票数 0
回答已采纳
1回答
出于培训目的，在亚马逊的特定页面上，我点击一个按钮，打开一个内部的“弹出窗口”。因此，Puppeteer看不到弹出窗口，并且我不能单击和处理元素。使用puppeteer，我运行： await page.evaluate(() =>{
document.querySelector('.nav-a.nav-a-2.a-popover-trigger.a-declarative我如何处理这个新的内部页面:在输入框中键入文本，然后单击</
浏览 21提问于2020-03-24得票数 0
回答已采纳
1回答
在一个页面上，我正在用Puppeteer抓取，对于每个li，我都有一个id相同的列表。我试图在这个列表中找到并点击一个具有特定文本的元素。$x("//a[contains(text(), 'Shop')]")
await linkEx[0].click()你知道我如何用等待实际文本另外，我想用实际的id ( a )或类似的东西替换第二行代码中的
浏览 1提问于2020-06-11得票数 8
回答已采纳
1回答
我有一个函数，它接受标记名和文本作为输入，并返回由包含给定文本的给定标记组成的所有元素作为输出(我得到一个包含匹配文本的所有元素的数组)。我将在多个函数中使用这个函数，所以我想我可以将它保存在另一个文件中，然后将该函数导入到我可能需要的所有其他文件中，但我无法传输该元素。我正在使用puppeteer打开浏览器并获取所需的文档。/commonFunctions');
const puppeteer
浏览 0提问于2018-03-21得票数 0
云服务器
ICP备案
云直播
对象存储
实时音视频
腾讯云开发者
