将 HTML table 从 iframe 导出到 CSV

Question

我正在尝试寻找可以导出我能够从 iframe 获得的 HTML table 的脚本（没有任何进展）。 table 位于 iframe 内，我可以获取其内容并将其显示在我的父文档中。

<script type="text/javascript">
    function myFunction() {
    var myIFrame = document.getElementById("myIframe");
    var content = myIFrame.contentWindow.document.getElementById("table").innerHTML;
    alert(content);
    // suggestions here to export the table to CSV
   }
</script>

我不是要你为我写代码。如果有人能指出正确的方向，我将不胜感激。

Answer 1

我做了一个简单的 jsfiddle 来说明这个想法。 https://jsfiddle.net/anjvsqt7/9/

我制作的示例的代码片段如下：

var csvStr = '';

var table = $('#table');
var rows = table.children('tbody').children('tr');
var len = rows.length;
for(var i=0;i<len;i++) {
    var row = $(rows[i]);
    var cols = row.children('td');
    for(var j=0;j<cols.length;j++) {
        col = cols[j];
        csvStr += col.innerText + ',';
    }
    csvStr += '\n';
}

//console.log(csvStr);

Answer 2

我过去曾使用数据表来执行此操作。

它为您提供了显示可用于导出为 CSV、Excel 和 PDF 以及导出到剪贴板的按钮的选项。

Example page

将 HTML table 从 iframe 导出到 CSV

Export HTML table from an iframe to CSV

html

javascript

iframe

jquery

html-table