如何在使用puppeteer更改页面元素值后获取更新的html？

Question

我不知所措。我使用以下方法在页面上输入一个输入元素：

await page.type('#username', 'test');

然后我想检索新更新的，我尝试使用它：

let html = await page.content();

但用户名字段不包含单词＆＃39; test＆＃39;在它 - 它是空的。如果我截取屏幕截图，则会显示＆＃39; test＆＃39;在里面。我错过了什么？

Answer 1

键入<input>元素会更新value属性，但保持value属性不变。这就是您无法在呈现的HTML中看到文本的原因。

获取value属性：

await page.type('#username', 'test');
let value = await page.$('#username').getProperty('value');