使用 Javascript 将 HTML 表格下载到 Excel

Question

在我的 Flask 应用程序中，我创建了一个按钮来将 HTML 表的内容提取到 Excel 文件中。我使用 Javascript 从界面中提取 Excel 格式的 HTML 表格内容。

不幸的是，当我运行下面的代码时，下载的 Excel 文件是空的。您能帮助纠正我下面的代码吗？谢谢。

function exportTableToExcel(filename = ''){
let downloadLink;
let dataType = 'application/vnd.ms-excel';
let tableSelect = document.getElementsByTagName("table");
let tableHTML = tableSelect[0].outerHTML.replace(/ /g, '%20');

// Specify file name
filename = 'All_Issues.xls';

// Create download link element
downloadLink = document.createElement("a");

document.body.appendChild(downloadLink);

if(navigator.msSaveOrOpenBlob){
    var blob = new Blob(['\ufeff', tableHTML], {
        type: dataType
    });
    navigator.msSaveOrOpenBlob( blob, filename);
}else{
    // Create a link to the file
    downloadLink.href = 'data:' + dataType + ', ' + tableHTML;

    // Setting the file name
    downloadLink.download = filename;
    
    //triggering the function
    downloadLink.click();
}
}

Answer 1

getElementsByTagName() 函数返回一个数组，因此您必须获取第一个元素。

let tableHTML = tableSelect[0].outerHTML.replace(/ /g, '%20');