如何使用 puppeteer 获取 HTML 元素文本

Question

这个问题肯定被问过很多次了，但我到处都看了，none 的答案对我有用。

所以我有以下 Div:

<div class="dataTables_info" id="dt-card-entry_info" role="status" aria-live="polite">
    Showing 1 to 20 of 761,871 entries
    <span class="select-info">
        <span class="select-item">
            1 row selected
        </span>
        <span class="select-item">
            
        </span>
        <span class="select-item">
            
        </span>
    </span>
</div>

我正在尝试获取父项中的文本 div：显示 761,871 个条目中的第 1 到 20 个

我试过了：

const text = await page.$eval('div#dt-card-entry_info.dataTables_info', el => el.textContent)

还有

 const text = await page.evaluate(() => {
        const el = document.querySelector('#dt-card-entry_info')
        return el.innerText
    })

在浏览器控制台中，这有效：

$('#dt-card-entry_info').text()

还有这个：

$('#dt-card-entry_info')[0].innerText

或者这个：

$('#dt-card-entry_info')[0].textContent

Answer 1

您可以使用

document.getElementById

您想要文本内容，请使用：

var res = document.getElementById('dt-card-entry_info').textContent;

你的方法可以这样使用:

const text = await page.evaluate(() => {
        const el = document.getElementById('dt-card-entry_info');
        return el.textContent;
    })

我不喜欢 const def 中的 await pageEval，所以我会在 eval 范围之外更改它。

这是因为pageEval是一个promise，所以你需要反过来return一个promise的字符串内容。

let text = '';
await page.evaluate(() => {
    const el = document.getElementById('dt-card-entry_info');
    text = el.textContent;
})
console.log(text);

你可以在这里工作：https://jsfiddle.net/9s4zxvLk/

如何使用 puppeteer 获取 HTML 元素文本

How to get HTML element text using puppeteer

html

javascript

innertext

node.js

puppeteer