您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

您在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()或者您想设置它。

javascript 2022/1/1 18:14:08 有631人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶