如何使用javascript将html表格导出到excel

我的桌子是正版的

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

名称
地方
ADFA
asdfasf

我在网上找到了以下代码。但是如果我使用“thead”和“tbody”标记，它就不起作用了

函数写入excel（）{
str=“”；
var mytable=document.getElementsByTagName（“表”）[0]；
var rowCount=mytable.rows.length；
var colCount=mytable.getElementsByTagName（“tr”）[0].getElementsByTagName（“td”）.length；
var ExcelApp=新的ActiveXObject（“Excel.Application”）；
var ExcelSheet=新的ActiveXObject（“Excel.Sheet”）；
ExcelSheet.Application.Visible=true；
对于（变量i=0；i

您在internet上找到的解决方案不起作用的原因是启动

var colCount

的行。变量

mytable

只有两个元素是

和

。

var colCount

行正在查找

mytable

中所有

的元素。你能做的最好的事情就是给你的

和

一个id，然后根据它获取所有的值。假设你有

：

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;
    }
}

}

现在，当然，这会给你一些格式问题，但你可以计算出你想要它在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]);
}

var tables=document.getElementsByTagName（'table'）；
对于（变量i=0；i

---

然后将

函数write_headers_to_excel（）

更改为

函数write_headers_to_excel（table）

。然后将

var myTableHead=document.getElementById（'headers'）；

更改为

var myTableHead=table.getElementsByTagName（'thead'）[0]；/code>。与
函数write_body_to_excel（）相同
或您想如何设置它。
我认为您也可以考虑其他架构。有时，可以用另一种方式做一些事情，这要简单得多。如果HTML文件的生产者是您，那么您可以编写HTTP处理程序在服务器上创建Excel文档（这比JavaScript容易得多）并向客户端发送一个文件。如果您从某处收到该HTML文件（如报表的HTML版本），那么您仍然可以使用服务器端语言（如C#或PHP）非常轻松地创建Excel文件。我的意思是，您也可以使用其他方法。：
我尝试使用jquery；
使用这个并享受乐趣：D

    jQuery.printInExcel = function (DivID) 
{ 
var ExcelApp = new ActiveXObject("Excel.Application"); 
ExcelApp.Workbooks.Add; 
ExcelApp.visible = true; 
var str = ""; 
var tblcount = 0; 
var trcount = 0;
 $("#" + DivID + " table").each(function () 
{ $(this).find("tr").each(function () 
{ var tdcount = 0; $(this).find("td").each(function () 
{ str = str + $(this).text(); ExcelApp.Cells(trcount + 1, tdcount + 1).Value = str; 
str = ""; tdcount++ 
}); 
trcount++ 
}); tblcount++ 
}); 
};

在你的类中使用它，并用$.printInExcel（你的var）调用它；
我建议使用另一种方法。在网页上添加一个按钮，将表的内容复制到剪贴板，在列之间使用制表符，在行之间使用换行符。这样“粘贴”Excel中的功能应该正常工作，您的web应用程序也可以在多种浏览器和多种操作系统（linux、mac、mobile）上工作，用户也可以在其他电子表格或文字处理程序中使用数据

唯一棘手的部分是复制到剪贴板，因为许多浏览器对此都非常安全。解决方案是准备文本区域中已选择的数据，并在模式对话框中向用户显示，在该对话框中，您告诉用户复制文本（一些需要键入Ctrl-C，其他需要键入Command-C，其他需要使用“长时间触摸”或弹出菜单）

最好有一个标准的“复制到剪贴板”功能，它可能会请求用户确认……但不幸的是，情况并非如此。
函数XLExport（）{
    function XLExport() {
        try {
            var i;
            var j;
            var mycell;
            var tableID = "tblInnerHTML";

            var objXL = new ActiveXObject("Excel.Application");
            var objWB = objXL.Workbooks.Add();
            var objWS = objWB.ActiveSheet;

            for (i = 0; i < document.getElementById('<%= tblAuditReport.ClientID %>').rows.length; i++) {
                for (j = 0; j < document.getElementById('<%= tblAuditReport.ClientID %>').rows(i).cells.length; j++) {
                    mycell = document.getElementById('<%= tblAuditReport.ClientID %>').rows(i).cells(j);
                    objWS.Cells(i + 1, j + 1).Value = mycell.innerText;
                }
            }

            //objWS.Range("A1", "L1").Font.Bold = true;

            objWS.Range("A1", "Z1").EntireColumn.AutoFit();

            //objWS.Range("C1", "C1").ColumnWidth = 50;

            objXL.Visible = true;

        }
        catch (err) {
                    }

    }

试一试{
var i；
var j；
迈塞尔变种；
var tableID=“tblInnerHTML”；
var objXL=新的ActiveXObject（“Excel.Application”）；
var objWB=objXL.Workbooks.Add（）；
var objWS=objWB.ActiveSheet；
对于（i=0；i
看看这个……我刚让它工作起来，看起来你也正试图这么做

2个函数。一个用于选择表格并将其复制到剪贴板，另一个用于将其整体写入excel。只需调用write_to_excel（）并输入表格id（或将其修改为参数）

深受以下因素的影响：
仅适用于Mozilla、Chrome和Safari


$（函数（）{
$（“按钮”）。单击（函数（）{
var url='data:application/vnd.ms excel'，+encodeURIComponent（$（'#tableWrap'）.html（））
location.href=url
返回错误
})
})；

点击我
A.
B
C
1.
2.
3.
1.
2.
3.
1.
2.
3.
1.
2.
3.
这可能是一个更好的答案


函数生成\u excel（表格ID）{
var table=document.getElementById（tableid）；
var html=table.outerHTML；
window.open（'数据：a
    jQuery.printInExcel = function (DivID) 
{ 
var ExcelApp = new ActiveXObject("Excel.Application"); 
ExcelApp.Workbooks.Add; 
ExcelApp.visible = true; 
var str = ""; 
var tblcount = 0; 
var trcount = 0;
 $("#" + DivID + " table").each(function () 
{ $(this).find("tr").each(function () 
{ var tdcount = 0; $(this).find("td").each(function () 
{ str = str + $(this).text(); ExcelApp.Cells(trcount + 1, tdcount + 1).Value = str; 
str = ""; tdcount++ 
}); 
trcount++ 
}); tblcount++ 
}); 
};

    function XLExport() {
        try {
            var i;
            var j;
            var mycell;
            var tableID = "tblInnerHTML";

            var objXL = new ActiveXObject("Excel.Application");
            var objWB = objXL.Workbooks.Add();
            var objWS = objWB.ActiveSheet;

            for (i = 0; i < document.getElementById('<%= tblAuditReport.ClientID %>').rows.length; i++) {
                for (j = 0; j < document.getElementById('<%= tblAuditReport.ClientID %>').rows(i).cells.length; j++) {
                    mycell = document.getElementById('<%= tblAuditReport.ClientID %>').rows(i).cells(j);
                    objWS.Cells(i + 1, j + 1).Value = mycell.innerText;
                }
            }

            //objWS.Range("A1", "L1").Font.Bold = true;

            objWS.Range("A1", "Z1").EntireColumn.AutoFit();

            //objWS.Range("C1", "C1").ColumnWidth = 50;

            objXL.Visible = true;

        }
        catch (err) {
                    }

    }

  function selectElementContents(el) {
        var body = document.body, range, sel;
        if (document.createRange && window.getSelection) {
            range = document.createRange();
            sel = window.getSelection();
            sel.removeAllRanges();
            try {
                range.selectNodeContents(el);
                sel.addRange(range);
            } catch (e) {
                range.selectNode(el);
                sel.addRange(range);
            }
        } else if (body.createTextRange) {
            range = body.createTextRange();
            range.moveToElementText(el);
            range.select();
        }
        range.execCommand("Copy");
    }

function write_to_excel() 
{
var tableID = "AllItems";
selectElementContents( document.getElementById(tableID) );

var excel = new ActiveXObject("Excel.Application");
// excel.Application.Visible = true; 
var wb=excel.WorkBooks.Add();
var ws=wb.Sheets("Sheet1");
ws.Cells(1,1).Select;
ws.Paste;
ws.DrawingObjects.Delete;
ws.Range("A1").Select
 excel.Application.Visible = true; 
}

<script type="text/javascript">
function generate_excel(tableid) {
  var table= document.getElementById(tableid);
  var html = table.outerHTML;
  window.open('data:application/vnd.ms-excel;base64,' + base64_encode(html));
}

function base64_encode (data) {
  // http://kevin.vanzonneveld.net
  // +   original by: Tyler Akins (http://rumkin.com)
  // +   improved by: Bayron Guevara
  // +   improved by: Thunder.m
  // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  // +   bugfixed by: Pellentesque Malesuada
  // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
  // +   improved by: Rafal Kukawski (http://kukawski.pl)
  // *     example 1: base64_encode('Kevin van Zonneveld');
  // *     returns 1: 'S2V2aW4gdmFuIFpvbm5ldmVsZA=='
  // mozilla has this native
  // - but breaks in 2.0.0.12!
  //if (typeof this.window['btoa'] == 'function') {
  //    return btoa(data);
  //}
  var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
  var o1, o2, o3, h1, h2, h3, h4, bits, i = 0,
    ac = 0,
    enc = "",
    tmp_arr = [];

  if (!data) {
    return data;
  }

  do { // pack three octets into four hexets
    o1 = data.charCodeAt(i++);
    o2 = data.charCodeAt(i++);
    o3 = data.charCodeAt(i++);

    bits = o1 << 16 | o2 << 8 | o3;

    h1 = bits >> 18 & 0x3f;
    h2 = bits >> 12 & 0x3f;
    h3 = bits >> 6 & 0x3f;
    h4 = bits & 0x3f;

    // use hexets to index into b64, and append result to encoded string
    tmp_arr[ac++] = b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);
  } while (i < data.length);

  enc = tmp_arr.join('');

  var r = data.length % 3;

  return (r ? enc.slice(0, r - 3) : enc) + '==='.slice(r || 3);

}
</script>

Excel Export Script works on IE7+ , Firefox and Chrome
===========================================================



function fnExcelReport()
    {
             var tab_text="<table border='2px'><tr bgcolor='#87AFC6'>";
             var textRange; var j=0;
          tab = document.getElementById('headerTable'); // id of table


          for(j = 0 ; j < tab.rows.length ; j++) 
          {     
                tab_text=tab_text+tab.rows[j].innerHTML+"</tr>";
                //tab_text=tab_text+"</tr>";
          }

          tab_text=tab_text+"</table>";
          tab_text= tab_text.replace(/<A[^>]*>|<\/A>/g, "");//remove if u want links in your table
          tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
                      tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params

               var ua = window.navigator.userAgent;
              var msie = ua.indexOf("MSIE "); 

                 if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./))      // If Internet Explorer
                    {
                           txtArea1.document.open("txt/html","replace");
                           txtArea1.document.write(tab_text);
                           txtArea1.document.close();
                           txtArea1.focus(); 
                            sa=txtArea1.document.execCommand("SaveAs",true,"Say Thanks to Sumit.xls");
                          }  
                  else                 //other browser not tested on IE 11
                      sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));  


                      return (sa);
                            }

    Just Create a blank iframe
    enter code here
        <iframe id="txtArea1" style="display:none"></iframe>

    Call this function on

        <button id="btnExport" onclick="fnExcelReport();"> EXPORT 
        </button>