如何修复'带有innerText的循环变量'

Question

此 //2 代码中的错误。 评估失败：TypeError：无法读取未定义的属性“innerText”..

我想爬取网站 .tbl_column > table > tbody > tr > td[1,2,3,4,5,6...] in loof 如何解决..？

操作系统是mac

安装的傀儡师

//1 - was worked well 
for(var i= 0; i< 12; i++){
      var value = await page.evaluate(() => document.querySelectorAll('.tbl_column > table > tbody > tr > td')[2].innerText); 
      console.log(value);
    }



//2 -  this is error syntax "i"
for(var i= 0; i< 12; i++){
      var value = await page.evaluate(() => document.querySelectorAll('.tbl_column > table > tbody > tr > td')[i].innerText); 
      console.log(value);
    }

Answer 1

当您的 document.querySelectorAll() 结果对象中的项目少于 12 个时，将发生该错误。

无论如何，您的 for 循环对我来说真的没有意义。您应该从document.querySelectorAll() 获取结果，获取您获得的结果的长度并使用基于该长度值的for 循环。

这似乎也是您可以通过在对其执行 [i].innerText 之前执行值的 console.log() 来进行一些基本调试的事情。

我不太了解 puppeteer，但你可以试试这个：

let value = await page.evaluate(() => {
    let items = document.querySelectorAll('.tbl_column > table > tbody > tr > td');
    let results = [];
    for (let i = 0; i < items.length; i++) {
        let data = items[i].innerText;
        console.log(data);
        results.push(data);
    }
    return results;
});
console.log(value);