Question

我试图寻找一个可以导出我可以从iframe获取的HTML表格的脚本（没有progess）。该表位于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表从iframe导出到CSV

2 个答案: