如何使用JavaScript将HTML表格导出为Excel

Question

我的表格格式

<table id="mytable">
<thead>
  <tr>
    <th>name</th>
    <th>place</th>
  </tr>
</thead>
<tbody>
<tr>
   <td>adfas</td>
   <td>asdfasf</td>
</tr>
</tbody>
</table>

我在网上找到了以下代码。但是，如果我使用“ thead”和“ tbody”标签，那是行不通的

function write_to_excel() {

    str = "";

    var mytable = document.getElementsByTagName("table")[0];
    var rowCount = mytable.rows.length;
    var colCount = mytable.getElementsByTagName("tr")[0].getElementsByTagName("td").length;

    var ExcelApp = new ActiveXObject("Excel.Application");
    var ExcelSheet = new ActiveXObject("Excel.Sheet");
    ExcelSheet.Application.Visible = true;

    for (var i = 0; i < rowCount; i++) {
        for (var j = 0; j < colCount; j++) {
            str = mytable.getElementsByTagName("tr")[i].getElementsByTagName("td")[j].innerHTML;
            ExcelSheet.ActiveSheet.Cells(i + 1, j + 1).Value = str;
        }
    }

Answer 1

您在Internet上找到的解决方案无法正常工作的原因是因为线路开始var colCount。该变量mytable只有两个元素，是<thead>和<tbody>。该var colCount行正在寻找内的所有元素mytable是<tr>。你能做的最好的事情就是给一个id你<thead>和<tbody>然后抓住所有基于该值。说您有<thead id='headers'>：

function write_headers_to_excel() 
{
  str="";

  var myTableHead = document.getElementById('headers');
  var rowCount = myTableHead.rows.length;
  var colCount = myTableHead.getElementsByTagName("tr")[0].getElementsByTagName("th").length;

var ExcelApp = new ActiveXObject("Excel.Application");
var ExcelSheet = new ActiveXObject("Excel.Sheet");
ExcelSheet.Application.Visible = true;

for(var i=0; i<rowCount; i++) 
{   
    for(var j=0; j<colCount; j++) 
    {           
        str= myTableHead.getElementsByTagName("tr")[i].getElementsByTagName("th")[j].innerHTML;
        ExcelSheet.ActiveSheet.Cells(i+1,j+1).Value = str;
    }
}

}

然后对<tbody>标记执行相同的操作

编辑：我也强烈建议使用jQuery。它将缩短为：

function write_to_excel() 
{
 var ExcelApp = new ActiveXObject("Excel.Application");
 var ExcelSheet = new ActiveXObject("Excel.Sheet");
 ExcelSheet.Application.Visible = true;

  $('th, td').each(function(i){
    ExcelSheet.ActiveSheet.Cells(i+1,i+1).Value = this.innerHTML;
  });
}

现在，当然，这会给您带来一些格式问题，但是您可以计算出如何在Excel中对其进行格式化。

编辑：要回答有关如何对n表数量执行此操作的问题，jQuery将已经执行此操作。为此，请使用原始Javascript，获取所有表，然后更改函数以使其能够作为参数传递到表中。例如：

var tables = document.getElementsByTagName('table');
for(var i = 0; i < tables.length; i++)
{
  write_headers_to_excel(tables[i]);
  write_bodies_to_excel(tables[i]);
}

然后将更function write_headers_to_excel()改为function write_headers_to_excel(table)。然后更改var myTableHead = document.getElementById('headers');为var myTableHead = table.getElementsByTagName('thead')[0];。与您相同，write_bodies_to_excel()或者您想设置它。