playwright选择div下的输入框
时间: 2024-11-10 13:12:49 浏览: 31
Playwright是一个用于自动化浏览器操作的Node.js库,它支持多种浏览器。如果你想通过Playwright获取并操作网页上的`<div>`元素下的`input`框,你可以按照以下步骤:
1. 首先,加载页面:
```javascript
const { Playwright } = require('playwright');
(async () => {
const browser = await Playwright.chromium.launch();
const context = await browser.newContext();
const page = await context.newPage();
// 等待页面加载完成
await page.waitForSelector('#yourDiv'); // 将'#yourDiv'替换为你目标div的ID
// 获取div下的所有input元素
const inputs = await page.$$('div #yourDiv input');
})().catch((error) => console.error(error));
```
这里假设`#yourDiv`是包含`input`元素的`div`的ID。`page.$$('selector')`会返回所有匹配该选择器的元素。
2. 对于每个找到的输入框,你可以进一步执行操作,如填充文本、获取值等:
```javascript
for (const input of inputs) {
await input.fill('Your Input Value'); // 填充文本
const inputValue = await input.value(); // 获取当前输入值
}
```
阅读全文