在 Puppeteer 中，如何获取选择器的 innerHTML？

Question

目前，我正在尝试以下操作：

const element = await page.$("#myElement");
const html = element.innerHTML;

我期待打印 HTML，但我得到了undefined.

我究竟做错了什么？

Answer 1

page.evaluate():

您可以使用page.evaluate()来获取innerHTML元素的 ：

const inner_html = await page.evaluate(() => document.querySelector('#myElement').innerHTML);

console.log(inner_html);

elementHandle.getProperty() / .jsonValue():

另外，如果必须使用page.$()，您可以访问innerHTML的使用组合elementHandle.getProperty()和elementHandle.jsonValue()：

const inner_html = await (await (await page.$('#myElement')).getProperty('innerHTML')).jsonValue();

console.log(inner_html);