javascript - 在 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.$() ，您可以使用 elementHandle.getProperty() 的组合访问 innerHTML和 elementHandle.jsonValue() :

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

console.log(inner_html);