在PuppeteerJS中,可以通过以下步骤来遍历所有<li>
元素并获取其所属<ul>
元素的文本内容:
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
// 在这里执行后续操作
await browser.close();
})();
await page.goto('https://example.com');
page.evaluate()
方法在页面上下文中执行自定义的JavaScript代码,以获取<ul>
句柄的文本内容。const ulText = await page.evaluate(() => {
// 获取所有的<ul>元素
const ulElements = document.querySelectorAll('ul');
// 遍历每个<ul>元素
for (const ul of ulElements) {
// 获取当前<ul>元素下的所有<li>元素
const liElements = ul.querySelectorAll('li');
// 遍历每个<li>元素并输出文本内容
for (const li of liElements) {
console.log(li.textContent);
}
}
});
在上述代码中,我们使用document.querySelectorAll()
方法获取所有的<ul>
元素,并使用嵌套的循环遍历每个<ul>
元素下的所有<li>
元素。通过li.textContent
可以获取到每个<li>
元素的文本内容。
console.log(ulText);
请注意,上述代码仅为示例,实际应用中可能需要根据具体情况进行适当的修改。
关于PuppeteerJS的更多信息和用法,您可以参考腾讯云的相关产品和文档:
领取专属 10元无门槛券
手把手带您无忧上云