Почему возникает ошибка «document is not defined»?

Question

[Герман Коффман]

Код:

const butts = Array.prototype.filter.call(
    document.querySelectorAll('div[id^="start-ads-"] + div[id^="ads_id_"]'),
    div => /Таймер:\s*10\s*секунд\s*$/.test(div.textContent)
  ).map(e => e.previousElementSibling.querySelector('span[onclick]'));

Ошибка:

C:\Users\User\Desktop\Test\aviso.js:24
document.querySelectorAll('div[id^="start-ads-"] + div[id^="ads_id_"]'),
^

ReferenceError: document is not defined
at getPic (C:\Users\User\Desktop\Test\aviso.js:24:5)

Использую node.js, puppeteer.js и atom. dom.js установлен.

Comments

[Lynn «Кофеман»]

А откуда тут должен быть document? Вы его где-то объявили?

[Герман Коффман]

Lynn «Кофеман», нет... А надо? Он разве не стандартный?

[gsaw]

Герман Коффман, он стандартный только в браузере, но не в node.js. Так же как и от куда в node.js могут взяться html тэги.

[Герман Коффман]

gsaw, я работаю с puppeteer. Он топает на сайт и там это собственно делает.

Вот весь код:

const puppeteer = require('puppeteer');
var page = [];


async function getPic()
{
  var r = 0;
  const browser = await puppeteer.launch({headless: false});
  page[r] = await browser.newPage();
  await page[r].waitFor(1000);
  await page[r].goto('https://site/');
  await page[r].waitFor(1000);
  await page[r].type("#login-form > div:nth-child(2) > input", "[e-mail]");
  await page[r].waitFor(1000);
  await page[r].type("#login-form > div:nth-child(3) > input", "pass");
  await page[r].waitFor(1000);
  await page[r].click("#button-login");
  await page[r].waitFor(2000);
  await page[r].goto('https://aviso.bz/work-youtube');

  await page[r].waitFor(1000);

  const butts = Array.prototype.filter.call(
    document.querySelectorAll('div[id^="start-ads-"] + div[id^="ads_id_"]'),
    div => /Таймер:\s*10\s*секунд\s*$/.test(div.textContent)
  ).map(e => e.previousElementSibling.querySelector('span[onclick]'));


  await browser.close();
}

getPic();

[gsaw]

Герман Коффман,

Но код то исполняется в Node.js. И в коде у вас написано "document.querySelectorAll", потому и не находит. Вам видимо надо использовать page.evaluate, ято бы исполнить этот код в контексте веб страницы, а не в конексте скрипта, который вы запускаете.

Или page.$$(selector)

https://github.com/puppeteer/puppeteer/blob/main/d...

[Герман Коффман]

gsaw, ага... Сделал, работает. Теперь последний вопрос. Какой выходной тип массива buttons и как нажать на его первый элемент, если await page.click(butts[0]);
кидает ошибку?