use*_*426 7 html javascript headless-browser puppeteer
我有puppeteer js设置,并能够使用所有行
let rows = await page.$$eval('#myTable tr', row => row);
现在我想让每一行得到"td",然后从那些行获取内部文本.
基本上我想这样做:
var tds = myRow.querySelectorAll("td");
其中myRow是一个表行,有puppeteer.js
Gra*_*ler 23
您还可以将 刮取innerText到表示您的表的二维数组中。
[
['A1', 'B1', 'C1'], // Row 1
['A2', 'B2', 'C2'], // Row 2
['A3', 'B3', 'C3'] // Row 3
]
const result = await page.$$eval('#example-table tr', rows => {
return Array.from(rows, row => {
const columns = row.querySelectorAll('td');
return Array.from(columns, column => column.innerText);
});
});
console.log(result[1][2]); // "C2"
const result = await page.evaluate(() => {
const rows = document.querySelectorAll('#example-table tr');
return Array.from(rows, row => {
const columns = row.querySelectorAll('td');
return Array.from(columns, column => column.innerText);
});
});
console.log(result[1][2]); // "C2"
Rip*_*ppo 17
实现此目的的一种方法是使用evaluate,首先获取所有的数组TD's然后返回每个的textContentTD
const puppeteer = require('puppeteer');
const html = `
<html>
<body>
<table>
<tr><td>One</td><td>Two</td></tr>
<tr><td>Three</td><td>Four</td></tr>
</table>
</body>
</html>`;
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(`data:text/html,${html}`);
const data = await page.evaluate(() => {
const tds = Array.from(document.querySelectorAll('table tr td'))
return tds.map(td => td.innerHTML)
});
//You will now have an array of strings
//[ 'One', 'Two', 'Three', 'Four' ]
console.log(data);
//One
console.log(data[0]);
await browser.close();
})();
您还可以使用以下内容: -
const data = await page.$$eval('table tr td', tds => tds.map((td) => {
return td.innerHTML;
}));
//[ 'One', 'Two', 'Three', 'Four' ]
console.log(data);
| 归档时间： |
|
| 查看次数： |
8229 次 |
| 最近记录： |