当前位置: 首页 > 知识库问答 >
问题:

Puppeteer:在waitForSelector处理程序中与dom交互

申屠健
2023-03-14

当我使用puppeteer js web爬虫时,在WaitForSelector处理程序中,我可以毫不费力地使用console.log

page
  .waitForSelector('input[value=update]')
  .then(() => {
    console.log('this is');
    console.log('it');
  });

但是当我想与DOM交互时,我出现了一个错误:

page
  .waitForSelector('input[value=update]')
  .then(() => {
    const inputValidate = await page.$('input[value=update]');
  });

此代码触发此错误:

您知道如何在WaitForSelector处理程序中与DOM进行intercat而不触发错误吗?

共有1个答案

宇文修筠
2023-03-14
await page
  .waitForSelector('input[value=update]')
  .then(async() => {
    const inputValidate = await page.$('input[value=update]');
  });
 类似资料:
  • 问题内容: 当我使用jQuery执行DOM操作(添加新HTML)时,AngularJS不会自动检测新HTML中的变量并将其替换为它们的值。例如: 这是一个简单的例子,但在元素更改HTML(此功能被称为后),输出它仍然不是什么 行 应该在上下文/范围的意思。 问题答案: 您必须注入(http://docs.angularjs.org/api/ng.$compile)并使用它,以便对新html 有所了

  • 我正在设置一个Netty服务器来接受多个传入的客户端连接,这将反过来做一些处理,但对wroker线程组vs Handler线程感到困惑 我尝试分配10个工作线程和20个处理线程,如下所示。 我无法理解工作组的任务和创建新服务器处理程序之间的区别。据我所知,处理器线程池将分配给NettyServerHandler的每个实例。但是,创建由10个线程组成的工作组池的作用是什么呢?

  • 问题内容: 我们正在使用构建大型Web应用程序。在不同情况下,我们经常使用自定义指令。当涉及到DOM操作,绑定事件等…发生时,我们在自定义指令的函数中定义了操作DOM的函数,但是我们从控制器调用了它(我们在因此它可以被给定的控制器访问)。我认为这样做的角度方法是为每个函数定义一个单独的自定义指令,并直接从模板中使用它,但是在我们的情况下,我不知道这样做会很方便很多自定义指令,所以BAD要做我们正在

  • 我试图抓住无效的json,而解析它与jiffy在牛仔web套接字处理程序。如果json是有效的/无效的,我想转发一个适当的消息到,它将回复客户端。这是我的代码。 这会导致运行时异常。 12:07:48.406[错误]牧场侦听器http已连接到进程 那我该怎么做呢?

  • 我有一个带post请求的控制器。我试图用一个简单的NotNull注释验证POJO。我正在使用ControllerAdvice来处理异常。 所以我尝试使用它,但当我启动应用程序时,我得到了以下信息: 因此,我想为BindException创建自己的处理程序,但当我为BindException类创建ExceptionHandler时,spring应用程序不会启动。如果我注释掉handleBindExc

  • 本文向大家介绍DOM中事件处理概览与原理的全面解析,包括了DOM中事件处理概览与原理的全面解析的使用技巧和注意事项,需要的朋友参考一下 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信,DOM支持大量的事件;  本文通过这几点向大家详细解析事件处理的基本原理:事件类型、事件目标、事件处理程序、事件对象、事件传播 最后再向大家介绍Event对象;  一、事件类型(event type