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

Question

当我使用puppeteer js网络抓取工具时，在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]');
  });

此代码触发此错误：

  

const inputValidate = await page。$（'input [value = update]'）;                                      ^^^^

     

SyntaxError：意外的标识符       在createScript（vm.js：74：10）       at Object.runInThisContext（vm.js：116：10）       在Module._compile（module.js：537：28）       at Object.Module._extensions..js（module.js：584：10）       在Module.load（module.js：507：32）       在tryModuleLoad（module.js：470：12）       在Function.Module._load（module.js：462：3）       在Function.Module.runMain（module.js：609：10）       在启动时（bootstrap_node.js：158：16）       在bootstrap_node.js：598：3

你知道如何在waitForSelector处理程序中使用DOM进行intercat而不会触发错误吗？

Answer 1

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