如何用浏览器控制台JS将HTML表格导出为标准CSV格式？

你当前的代码把所有表格单元格平铺成了一维数组，完全丢失了原表格的行结构，所以导出后是无换行的单行文本。下面是修改后的代码，能保留原表格的行结构，生成符合CSV规范的内容，还能直接下载成CSV文件：

// 获取目标表格的tbody
var tbody = document.querySelectorAll("div.container table tbody")[0];
// 获取表格内所有行
var rows = tbody.querySelectorAll("tr");
var csvData = [];

// 遍历每一行
for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].querySelectorAll("td");
    var rowData = [];
    // 遍历当前行的每个单元格
    for (var j = 0; j < cells.length; j++) {
        var cellText = cells[j].textContent.trim();
        // 处理CSV特殊字符：如果单元格包含逗号、引号或换行，用双引号包裹，内部引号转义为双引号
        if (cellText.includes(',') || cellText.includes('"') || cellText.includes('\n')) {
            cellText = '"' + cellText.replace(/"/g, '""') + '"';
        }
        rowData.push(cellText);
    }
    // 将当前行的单元格用逗号分隔后加入数据集合
    csvData.push(rowData.join(','));
}

// 拼接所有行，每行用换行分隔
var csvContent = csvData.join('\n');

// 创建下载链接并触发下载
var blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
var url = URL.createObjectURL(blob);
var link = document.createElement('a');
link.href = url;
link.setAttribute('download', '表格数据.csv');
document.body.appendChild(link);
link.click();
document.body.removeChild(link);

修改说明： #

• 保留原表格行结构：不再把所有单元格平铺存储，而是按行收集单元格数据，每行数据单独作为一个数组元素，最终用换行符分隔不同行
• 兼容CSV解析规范：自动处理单元格内的逗号、引号、换行符——包含这些特殊字符的单元格会用双引号包裹，内部的双引号会转义为两个双引号，避免CSV读取软件解析出错
• 优化导出方式：直接生成可下载的CSV文件，比新开窗口展示文本更实用，导出的文件可直接被Excel、Numbers等软件识别并还原表格结构

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