HTML表格信息下载 - 使用下载标签实现CSV导出

要让下载标签能够将HTML表格信息下载出来，需要进行以下步骤：

1. 为下载标签添加一个点击事件，并绑定一个函数。
2. 在函数中，获取表格的内容，可以使用JavaScript或jQuery来实现。
3. 将表格内容转换为CSV格式，并创建一个Blob对象。
4. 创建一个下载链接，将Blob对象作为链接的URL，并设置下载链接的属性，如下载文件名和文件类型。
5. 使用JavaScript将下载链接添加到HTML页面中，并触发下载链接的点击事件。

下面是一个示例代码：

HTML代码：

<table id='mytable'>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>20</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>25</td>
      <td>女</td>
    </tr>
  </tbody>
</table>

<a href='#' id='download-link'>下载表格</a>

JavaScript代码：

function downloadTable() {
  // 获取表格内容
  var table = document.getElementById('mytable');
  var rows = table.getElementsByTagName('tr');
  var csv = [];

  // 将表格内容转换为CSV格式
  for (var i = 0; i < rows.length; i++) {
    var row = [], cols = rows[i].getElementsByTagName('td');
    for (var j = 0; j < cols.length; j++) {
      row.push(cols[j].innerText);
    }
    csv.push(row.join(','));
  }
  csv = csv.join('\n');

  // 创建Blob对象
  var blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });

  // 创建下载链接
  var link = document.getElementById('download-link');
  link.href = URL.createObjectURL(blob);
  link.download = 'table.csv';
  link.type = 'text/csv';

  // 触发下载链接的点击事件
  link.click();
}

// 绑定下载标签的点击事件
var download = document.getElementById('download-link');
download.addEventListener('click', downloadTable);

在上述示例代码中，当点击“下载表格”链接时，会将表格内容下载为CSV格式的文件。可以根据需要修改文件名和文件类型。