How to set values of DOM elements with puppeteer?

Question

How to set specific values of the DOM with Puppeteer?

i.e:

b = document.querySelector("button");

• b.innerHTML = 'value';
• b.setAttribute('specific-attr', 'value');

Answer 1

For the innerHTML:

await page.evaluate(() => document.querySelector('button').innerHTML = 'value');

For the specific attribute:

await page.evaluate(() => document.querySelector('button').setAttribute('specific-attr', 'value'));