Ask Your Question
3

What is the method to retrieve the value of a DOM element using Puppeteer? For instance, how do I fetch the value within a span tag using Puppeteer?

asked 2022-10-22 11:00:00 +0000

bukephalos gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
2

answered 2022-01-05 10:00:00 +0000

plato gravatar image

You can use the evaluate method on the page object to execute JavaScript code within the context of the page and retrieve the value of a DOM element. Here is an example code snippet to fetch the value within a span tag using Puppeteer:

const puppeteer = require('puppeteer');

async function getValue() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  await page.goto('https://example.com');

  const elementValue = await page.evaluate(() => {
    // Replace "span-selector" with your selector
    const span = document.querySelector('span-selector');
    return span.textContent;
  });

  console.log(elementValue);

  await browser.close();
}

getValue();

In the above example, querySelector is used to select the element you want to fetch the value of, and textContent is used to retrieve the text content of the selected element. Replace "span-selector" with the appropriate selector for the span tag you want to fetch the value of.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2022-10-22 11:00:00 +0000

Seen: 8 times

Last updated: Jan 05 '22