如何使用Puppeteer读取SPAN元素的值 [英] How to read the value of an span element with Puppeteer
本文介绍了如何使用Puppeteer读取SPAN元素的值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试做一些Web抓取，读取html页面中的一些行。我需要在一些<span>元素中查找在页面中重复的文本。在下面的示例中，我想以字符串数组[‘Text Number 1’，‘Text Number 2’，‘Text Number 3’]
<html>
...
<span>Text number 1</span>
...
<span>Text number 2</span>
...
<span>Text number 3</span>
...
</html>
我有以下代码
sElements = ' ... span'; // I declare the selector.
cs = await page.$$(sElements); // I get an array of ElementHandle
选择器的工作方式与Google Chrome开发人员工具中的一样，它准确地捕获了我正在寻找的3个元素。另外，cs变量由三个元素组成的数组填充。不过，我正试着
for(c in cs)
console.log(c.innerText);
但是记录了未定义的。我已尝试使用.text.value.innerText.innerHTML.textContent.我不知道我错过了什么，因为我认为这真的很简单
我也尝试过此操作，但同样未定义结果。
cs = await page.$$eval(sElements, e => e.innerHTML);
推荐答案
下面是获取最后一个SPAN元素的innerText的示例。
let spanElement;
spanElement = await this.page.$$('span');
spanElement = spanElement.pop();
spanElement = await spanElement.getProperty('innerText');
spanElement = await spanElement.jsonValue();
如果您仍然无法获取任何文本，请确保选择器是正确的，并且SPAN元素定义了innerText(不是outerText)。您可以在Chrome控制台中运行$(选择器)进行检查。
这篇关于如何使用Puppeteer读取SPAN元素的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
