如何将浏览器端表格数据获取代码转换为Puppeteer实现？

你遇到的核心问题是：page.evaluate()返回的是序列化后的普通对象，而非真实的DOM节点。当你把DOM节点从浏览器上下文（页面环境）传递到Node.js上下文时，Puppeteer会自动序列化这些节点，丢失所有DOM专属的方法和属性（比如classList、children），所以在Node.js端无法直接操作这些属性。

最优解决方案：在浏览器上下文完成所有DOM处理 #

把原浏览器端的逻辑完全放到page.evaluate()内部，直接提取需要的数据并返回结构化结果，避免跨上下文的DOM节点传递。

const tableData = await page.evaluate(() => {
  const table = document.getElementById("myTable");
  if (!table) return [];

  // 匹配原逻辑：获取表格第一子元素下的所有行
  const rows = [...table.firstChild.children];
  const extractedData = [];

  for (const tableRow of rows) {
    // 跳过指定类名的行
    if (tableRow.classList.contains("jqgfirstrow")) continue;
    const columns = [...tableRow.children];
    
    // 确保列数足够，避免索引越界
    if (columns.length < 4) continue;

    // 提取所需内容（和原逻辑一致）
    const name = columns[1].innerHTML;
    const value = columns[2].innerHTML;
    const info = columns[3].innerHTML;

    extractedData.push({ name, value, info });
  }

  return extractedData;
});

// 在Node.js端直接处理结构化数据
tableData.forEach(item => {
  console.log(`名称：${item.name}，值：${item.value}，信息：${item.info}`);
});

备选方案：使用ElementHandle操作DOM节点（不推荐，效率低） #

如果确实需要在Node.js端操作DOM节点（比如执行点击、修改等交互），可以使用ElementHandle来获取节点引用，再通过handle.evaluate()在浏览器上下文访问DOM属性：

// 获取所有行的ElementHandle
const rowHandles = await page.$$("#myTable > :first-child > tr");

for (const handle of rowHandles) {
  // 在浏览器上下文判断类名
  const isSkipRow = await handle.evaluate(el => el.classList.contains("jqgfirstrow"));
  if (isSkipRow) {
    await handle.dispose(); // 释放句柄，避免内存泄漏
    continue;
  }

  // 获取当前行的所有列
  const columnHandles = await handle.$$("td");
  if (columnHandles.length < 4) {
    columnHandles.forEach(c => c.dispose());
    await handle.dispose();
    continue;
  }

  // 逐个提取列内容
  const name = await columnHandles[1].evaluate(el => el.innerHTML);
  const value = await columnHandles[2].evaluate(el => el.innerHTML);
  const info = await columnHandles[3].evaluate(el => el.innerHTML);

  console.log(`名称：${name}，值：${value}，信息：${info}`);

  // 释放所有句柄，避免内存泄漏
  columnHandles.forEach(c => c.dispose());
  await handle.dispose();
}

关于nodeValue的说明 #

nodeValue仅对文本节点、注释节点等有效，DOM元素节点的nodeValue为null，所以你之前尝试的tableRow.nodeValue无法获取元素文本。获取元素内容应该用innerHTML（保留HTML结构）或textContent（纯文本），且必须在浏览器上下文（evaluate内部）调用。

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