没有找到选择器的节点，但 HTML 页面上有选择器

Question

我在尝试使用 Puppeteer 在输入字段中输入文本时遇到了一些麻烦。这是我正在使用的网站的 HTML，它显示id该字段是creditCardNumber：

当我尝试使用page.focusand 时page.type，它说没有用于选择器的节点。这段代码是错误的，还是我可以做一些更好的事情？

await page.waitFor(1500);
await page.focus('#creditCardNumber');
await page.focus('#creditCardNumber', '1234', {delay: 5});

这是我得到的错误：

UnhandledPromiseRejectionWarning：错误：未找到选择器的节点：#creditCardNumber

Answer 1

当您试图将注意力集中在 DOM 元素上时，它可能不会被渲染。

尝试page.waitForSelector在page.focus调用前使用：

await page.waitFor(1500);
await page.waitForSelector('#creditCardNumber');
await page.focus('#creditCardNumber');
await page.focus('#creditCardNumber', '1234', {delay: 5});