使用puppeteer查看第十一个li下面的label
时间: 2023-03-19 13:23:55 浏览: 119
以下是使用Puppeteer在页面中查找第十一个li下的label元素的示例代码:
```javascript
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://example.com');
const labelHandle = await page.$$('li:nth-child(10) label');
if (labelHandle.length === 0) {
console.log('No label found under the 10th li element.');
} else {
const labelText = await page.evaluate(label => label.textContent, labelHandle[0]);
console.log(`Text of the label under the 10th li element: ${labelText}`);
}
await browser.close();
})();
```
这个示例使用`page.$$`方法来选择第十个li元素下的所有label元素,并且使用`page.evaluate`方法来获取第一个label元素的文本内容。如果没有找到任何标签,则输出相应的消息。注意,这里的选择器`li:nth-child(10) label`是基于CSS选择器的语法。
阅读全文