Puppeteer: Text-Inhalt / Inner HTML eines Elements erhalten

Problem:

Du möchtest puppeteer verwenden, um das Testen einer Webseite zu automatisieren. Du musst entweder den Text oder das Inner HTML eines Elements erhalten, z.B. von

<div id="mydiv">
</div>

auf der Seite.

Lösung

// Inner Text erhalten
const innerText = await page.evaluate(() => document.querySelector('#mydiv').innerText);

// Inner HTML erhalten
const innerHTML = await page.evaluate(() => document.querySelector('#mydiv').innerHTML);

Beachte, dass .innerText den Text von Unterelementen einschließt. Du kannst die vollständige DOM-API innerhalb von page.evaluate(...) verwenden. Du kannst jeden CSS-Selektor als Argument für document.querySelector(...) verwenden.