将HTML表从iframe导出到CSV

Question

我正在尝试寻找一个脚本（没有进度），该脚本可以导出我可以从iframe获得的HTML表。 该表格位于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以及导出到剪贴板。

示例页面