Puppeteer get all href links

Question

Hello I am trying to scrape a web page and return all of the links inside example of the html element:

Here is my code:

let links = [];
let elements2 = document.querySelectorAll('a');
  for (var element2 of elements2)
  links.push(element2.textContent);

After I return the value and print it I get an Error telling me that my variable is not defined My Error:

UnhandledPromiseRejectionWarning: ReferenceError: links is not defined

End Goal: My goal is to be able to be able to create an array of all the items in the list. I would than later parse the information so that it is just the text after /item/

user_2625560 · Answer

It seems this is what you need to achieve your goal with puppeteer:

const hrefs = await page.evaluate(() => {
  let links = [];
  let elements2 = document.querySelectorAll('a');
  for (let element2 of elements2)
    links.push(element2.href);
  return links;
});

user_966023 · Answer

With $$eval:

let hrefs = await page.$$eval('a', as => as.map(a => a.href))

user_4038704 · Answer

The anchors doesn't have any content. You need something like this

content1
content2
content3

Puppeteer get all <a> href links

3 Answers