使用Puppeteer无法选中元素，返回undefined问题求助

核心问题 #

你遇到的undefined是因为Puppeteer的page.evaluate()只能返回可JSON序列化的数据，而你直接返回的HTMLCollection（getElementsByClassName的结果）是浏览器特有的DOM集合对象，无法被序列化传递到Node.js环境，最终会变成undefined。

对比能正常运行的代码，它返回的是innerText字符串（基础可序列化类型），所以能正确传递。

解决步骤 #

1. 提取需要的数据并转为可序列化格式 #

不要直接返回DOM元素或集合，而是提取你需要的内容（比如文本、属性值），转换成普通数组返回：

const tempFunction = await page.evaluate(() => {
    // 先检查容器是否存在，避免报错
    const container = document.querySelector(".flex.flex-wrap.w-100.flex-grow-0.flex-shrink-0.ph2.pr0-xl.pl4-xl.mt0-xl.mt3");
    if (!container) return [];
    
    const elements = container.getElementsByClassName("mb1 ph1 pa0-xl bb b--near-white w-33");
    // 把DOM集合转为数组，再提取所需数据（这里以innerText为例）
    return Array.from(elements).map(el => el.innerText);
});

如果需要提取属性（比如href、data-id），可以修改map回调：

return Array.from(elements).map(el => el.getAttribute("data-id"));

2. 确保元素已渲染完成 #

如果页面是动态加载的，可能在执行查询时元素还未出现，导致container为null。可以先用page.waitForSelector()等待目标元素加载：

// 等待容器元素出现，超时时间可调整
await page.waitForSelector(".flex.flex-wrap.w-100.flex-grow-0.flex-shrink-0.ph2.pr0-xl.pl4-xl.mt0-xl.mt3", { timeout: 5000 });

const tempFunction = await page.evaluate(() => {
    // ... 同上代码
});

内容的提问来源于stack exchange，提问作者Vastagon