How can I get element attribute without evaluate function

Hi puppeteer folks!

I am using evaluate function for getting an attribute of web element.

Is there any way how to get attribute without evaluate?

For example for these attributes:

countdown innerText

My code with evaluate function:

const xpath = ....
const await this.activePage.$x(xpath)

const attributeValue =  await this.activePage.evaluate((obj, attr) => {
				const single = obj[attr]
				if (!single) return obj.getAttribute(attr)
				return single
			}, webElement, 'countdown')

I don`t want to use evaluate.

Thank you for any help!

[vsemozhetbyt]

Sorry, I missed out we can retrieve jsHandle for just an attribute via XPath. Try this:

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

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

    const [elementHandle] = await page.$x('.//a/@href');
    const propertyHandle = await elementHandle.getProperty('value');
    const propertyValue = await propertyHandle.jsonValue();

    console.log(propertyValue);

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

http://www.iana.org/domains/example

[vsemozhetbyt]

If the attributes have property counterparts, you can use something like this:

'use strict';

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch();
    const [page] = await browser.pages();

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

    const [elementHandle] = await page.$x('.//a');
    const propertyHandle = await elementHandle.getProperty('innerText');
    const propertyValue = await propertyHandle.jsonValue();

    console.log(propertyValue);

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

More information...